/* Customizations for mdpls website */
/* ---------- Defaults ---------- */




        input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='select'] {
            max-width: 100%;
        }

        .top-buffer {
            margin-top: 10px;
        }

/* ---------- Header ---------- */
#header {
	position: relative;
    z-index: 1;
	display: block;
	height: auto;
	padding: 20px 0 10px 0;
	background-color: #FFF
	/*margin-bottom: 10px*/
}
#mdpls-logo {
	display: block;
	width: 207px;
	height: 120px;
	background: url(../_img/mdpls-mark.png) no-repeat;
	margin: auto
}
@media (max-width: 767px) {
#mdpls-title {
	width: auto;
	background-position: center
}
}
.btn-header {
	border:none
}


/***New for eCard */

.label-wrapper{
           font-weight: bold !important;
        }



span.form-control-label.label-wrapper{
           font-weight: bold !important;
        }


.navbar-inverse .btn-link {
	color: #23527c;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus{
      color: #fff;
      background-color:#003d66;
}



/* ---------- Navigation ---------- */
.no-radius {
  border-radius: 0 !important
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: #FFF;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
	padding: 5px 15px 5px 20px
}
.navbar-nav .open .dropdown-menu>li>a {
	line-height: 20px;
	color: #333 !important
}
.navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-nav .open .dropdown-menu>li>a:hover {
	background-image: none;
	background-color: #f5f5f5 !important
}
}
.no-radius {
	border-radius: 0 !important
}
.navbar {
    margin-bottom: 0 !important;
}
.navbar-inverse .navbar-toggle {
    border-color: #FFF
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #0084CB
}
.navbar-inverse {
    background-color: #0b5a93;
    border-color: #0A5A93
}
.navbar-inverse .navbar-nav>li>a {
    color: #FFF
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    /*color: #0183CD;*/
    color: white;
    background-color: transparent
}




.navbar-inverse .navbar-nav>li:hover {
    background-color: black
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #0084CE
}
.navbar-brand {
	font-size: 13px;
	width: 48px;
	background: url(_img/library-symbol-white.png) no-repeat 10px 10px
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 16px;
	font-weight: 500;
    line-height: 1.42857143;
    color: #285592;
    white-space: nowrap
}
/* ---------- Intros ---------- */
#intro {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
	margin-bottom: 30px;
    background: #FFDA1B;
    color: #333;
}
#intro-reading-ready {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
	margin-bottom: 30px;
	background: #E4EFCE;
    color: #666;
}
#intro-babies {
	float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
	margin-bottom: 30px;
    background: #15837B;
    color: #FFFFFF;
}
#intro-babies .small {
	color: #FFFFFF
}
#intro-toddlers {
	float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
	margin-bottom: 30px;
    background: #DC4C69;
    color: #FFFFFF;
}
#intro-toddlers .small {
	color: #FFFFFF
}
#intro-preschoolers {
	float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
	margin-bottom: 30px;
    background: #CD4516;
    color: #FFFFFF;
}
#intro-preschoolers .small {
	color: #FFFFFF
}
/* ---------- Panels ---------- */
.panel-banner {
	width: 100%;
	height: 50px;
	background: no-repeat
}
/* ---------- Yellow Panel ---------- */
.panel-yellow {
    border-color: #F5E556
}
.panel-yellow>.panel-heading {
    color: #333;
    background-color: #F5E556;
    border-color: #F5E556
}
.panel-yellow>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #F5E556
}
.panel-yellow>.panel-heading .badge {
    color: #F5E556;
    background-color: #fff
}
.panel-yellow>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #F5E556
}
/* ---------- Orange Panel ---------- */
.panel-orange {
    border-color: #F6921E
}
.panel-orange>.panel-heading {
    color: #fff;
    background-color: #F6921E;
    border-color: #F6921E
}
.panel-orange>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #F6921E
}
.panel-orange>.panel-heading .badge {
    color: #F6921E;
    background-color: #fff
}
.panel-orange>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #F6921E
}
/* ---------- Red Panel ---------- */
.panel-red {
    border-color: #C44234
}
.panel-red>.panel-heading {
    color: #fff;
    background-color: #C44234;
    border-color: #C44234
}
.panel-red>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #C44234
}
.panel-red>.panel-heading .badge {
    color: #C44234;
    background-color: #fff
}
.panel-red>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #C44234
}
/* ---------- Purple Panel ---------- */
.panel-purple {
    border-color: #924887
}
.panel-purple>.panel-heading {
    color: #fff;
    background-color: #924887;
    border-color: #924887
}
.panel-purple>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #924887
}
.panel-purple>.panel-heading .badge {
    color: #924887;
    background-color: #fff
}
.panel-purple>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #924887
}
/* ---------- Brown Panel ---------- */
.panel-brown {
    border-color: #613C1F
}
.panel-brown>.panel-heading {
    color: #fff;
    background-color: #613C1F;
    border-color: #613C1F
}
.panel-brown>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #613C1F
}
.panel-brown>.panel-heading .badge {
    color: #613C1F;
    background-color: #fff
}
.panel-brown>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #613C1F
}
/* ---------- Dark-Blue Panel ---------- */
.panel-dark-blue {
    border-color: #0279B5
}
.panel-dark-blue>.panel-heading {
    color: #fff;
    background-color: #0279B5;
    border-color: #0279B5
}
.panel-dark-blue>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #0279B5
}
.panel-dark-blue>.panel-heading .badge {
    color: #0279B5;
    background-color: #fff
}
.panel-brown>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #613C1F
}
/* ---------- Light-Blue Panel ---------- */
.panel-light-blue {
    border-color: #00A8DE
}
.panel-light-blue>.panel-heading {
    color: #fff;
    background-color: #00A8DE;
    border-color: #00A8DE
}
.panel-light-blue>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00A8DE
}
.panel-light-blue>.panel-heading .badge {
    color: #00A8DE;
    background-color: #fff
}
.panel-light-blue>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #00A8DE
}
/* ---------- Green Panel ---------- */
.panel-green {
    border-color: #85B951
}
.panel-green>.panel-heading {
    color: #fff;
    background-color: #85B951;
    border-color: #85B951
}
.panel-green>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #85B951
}
.panel-green>.panel-heading .badge {
    color: #85B951;
    background-color: #fff
}
.panel-green>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #85B951
}
/* ---------- Lime Panel ---------- */
.panel-lime {
    border-color: #BDD630
}
.panel-lime>.panel-heading {
    color: #333;
    background-color: #BDD630;
    border-color: #BDD630
}
.panel-lime>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #BDD630
}
.panel-lime>.panel-heading .badge {
    color: #BDD630;
    background-color: #fff
}
.panel-lime>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #BDD630
}
/* ---------- Custom Panels ---------- */
#panel-title-databases {
    font-size: 16px;
	font-weight:500
}
#panel-news {
	 background: url(../_img/newspaper.gif) no-repeat;
	 background-position: 10px 2px;
	 background-color: #F5F5F5;
	 height: 40px;
	 margin-bottom: 0
}
#panel-title-news {
	padding-left:110px;
	margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}
#panel-picks {
	 background: url(~/_img/staff-picks.png) no-repeat;
	 background-position: 10px 2px;
	 background-color: #F5F5F5
}
#panel-title-picks {
	padding-left:90px
}
/* ---------- Branch Pages ---------- */
.branch-map {
	width: 100%;
	height: 300px;
	margin-bottom: -5px
}
/* ---------- Calendar of Events ---------- */
#datepickerFrom {
	width: 50px;
	height: 15px;
	padding: 0px;
	border: 0px none;
	background: none repeat scroll 0% 0% transparent;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 33px
	}
#datepickerTo {
	width: 50px;
	height: 15px;
	padding: 0px;
	border: 0px none;
	background: none repeat scroll 0% 0% transparent;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 33px
}
#eventsDiv {
   display: block;
   width: 100%;
}
#kyw {
	background: url(~/_img/icons/search.png) no-repeat right
}
#paging_container11 ul {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
}
#paging_container11 a {
    color: white;
}
#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 960px;
}
#paging_container1 {
	height: 320px;	
}
#paging_container2 {
	height: 356px;	
}
#paging_container3 {
	height: 190px;
}
#paging_container4 {
	height: 307px;	
	overflow: hidden;
}
#paging_container8 .no_more {
    background-color: white;
    color: #333;
    cursor: default;
}
.ellipse {
	float: left;
}
.page_navigation , .alt_page_navigation {
	padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a {
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color: #0b5a93
}
.active_page {
	background-color:white !important;
	color: #333 !important;
}	
.content, .alt_content {
	color: #333
}
.content li, .alt_content li, .content > p {
	padding: 5px
}
/* ---------- Footer ---------- */
#footer {
	float: left;
    width: 100%;
    padding: 20px 0 10px 0;
    display: block;
    background-color: #0b5a93;
    color: #999999;
    font-family: "Helvetica LT Std Light", "Helvetica Light", Helvetica, sans-serif;
	font-size: 12px
}
#footer a {
    color: #FFF;
}
#footer a:hover {
    color: #0084CB
}
#footer ul,
#footer ol {
	margin-left:-20px
}
.list-footer li,
.list-footer li a,
.list-footer li span {
	padding-left: 0;
    list-style: none;
	margin-bottom: 5px;
	color:#FFF;
	text-decoration: none
}
#newsletter {
	display: block;
	background: url(~/_img/icons/newspaper_icon_32.png) no-repeat;
	height: 32px;
	padding: 6px 0 10px 50px;
	color: #999999;
	font-size: 14px; 
	line-height: 1.2em;
	text-decoration: none;
	margin: -10px 0 5px 0
}
/* ---------- copyright ---------- */
#copyright {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
    background: #0084ce;
    color: #333;
    font-size: 11px;
    font-family: "Helvetica LT Std Light", "Helvetica Light", Helvetica, sans-serif
}
#copyright a {
    color: #FFF;
}
#copyright a:hover {
    color: #145A92
}
#copyright a {
	text-decoration: none
}
#mdc-copyright {
	display: block;
	background: url(~/_img/mdcLogoWhite.png) no-repeat left;
	height: 30px;
	padding: 10px 0 0 50px;
	margin: -8px 0 0 0
}
/* ---------- dividers ---------- */
.width100 {
    width: 100%;
}
.width90 {
    width: 90%;
}
.width75 {
    width: 75%;
}
.width50 {
    width: 50%;
}
.width25 {
    width: 25%;
}
.space5 {
    clear: both;
    width: 100%;
    display: block;
    padding: 3px 0;
}
.space10 {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0;
}
.space20 {
    clear: both;
    width: 100%;
    display: block;
    padding: 10px 0;
}
.space30 {
    clear: both;
    width: 100%;
    display: block;
    padding: 15px 0;
}
.space40 {
    clear: both;
    width: 100%;
    display: block;
    padding: 20px 0;
}
.space50 {
    clear: both;
    width: 100%;
    display: block;
    padding: 25px 0;
}
.space100 {
    clear: both;
    width: 100%;
    display: block;
    padding: 50px 0;
}


/* Push Footer to bottom*/

*{
    /*padding: 0;*/
    margin: 0;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 36px;
}
#copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 36px;
   
}


/******* Mauricio's************/

@charset "UTF-8";
/* ---------- CSS Document ---------- */
a {
color: #333333;
text-decoration:none
}
a:focus,
a:hover {
color:#145A92;
text-decoration: none
}
a:focus {
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
#content {
float: left;
width: 100%;
display: block;
padding: 0
}
#content p a,
#content li a {
  color: #333333;
  text-decoration: underline;
}
#content p a:hover,
#content p a:focus,
#content li a:hover,
#content li a:focus {
  color: #145A92 !important;
  text-decoration: underline;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #333333 !important;
text-decoration: none !important;
}
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 28px;
}
h4, .h4 {
font-size: 24px;
}
h5, .h5 {
font-size: 20px;
}
h6, .h6 {
font-size: 16px;
line-height: 1.4em;
margin: 0 0 .07em 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
color: #666666;
}
.thumbnail .caption {
text-align: inherit !important
}
.thumbnail-unstyled {
padding: 0 !important;
border:none;
border-radius: 0 !important;
background-color: transparent
}
.lead {
font-size: 18px;
line-height: 1.2
}
@media (min-width: 768px) {
.lead {
font-size: 20px;
}
}
.page-header {
padding-bottom: 0;
margin: 30px 0 10px;
border-bottom: none
}
.press-header,
.press-release-header h1,
h1.press-release {
font-size: 22px;
text-align: center;
margin: 30px 0 10px
}
.press-release-header h2,
h2.press-release {
margin-bottom: 30px;
text-align:center;
font-size: 16px;
font-weight: 300;
font-style: italic;
line-height: 1.4
}
.sub-heading {
margin-bottom: 20px;
font-size: 24px !important;
line-height: 1.1
}
/* phasing this version of sub-heading out */
.subheading {
margin-bottom: 20px;
font-size: 24px !important;
line-height: 1.1
}
.img-left {
float:left;
margin:20px 20px 0 0
}
.img-right {
float:right;
margin:20px 0 0 20px
}
.well-sm {
padding: 6px 12px
}
.well.well-intro {
padding: 6px 12px;
border:none !important;
border-radius: 0 !important;
background-color: #E2EAF1 !important
}
.transparent,
.well-transparent {
background-color: hsla(0,0%,100%,0.80);
border: none !important
}
.well-white {
background-color: #FFFFFF;
border-color: #DDDDDD
}
#well-misshumblebee {
background-color: #E2DDBC;
color:#626034
}
#press-release-intro,
#press-release-heading {
min-height: 120px;
background: url(../_img/miami-dade-county-press-release-header.jpg) no-repeat center, #204176;
margin-bottom: 30px;
}
address {
margin-bottom: 0;
font-style:normal
}
ul {
list-style: disc
}
ul ul {
list-style: circle
}
#content ul,
#content ol {
  margin-top: 0;
  margin-bottom: 10px
}
#content ul ul,
#content ol ul,
#content ul ol,
#content ol ol {
  margin-bottom: 0
}
#content ul li,
#content ol li {
margin-bottom: 5px
}
.list-unstyled ul {
list-style: disc;
padding-left: 25px
}
.pagination a {
text-decoration:none !important
}
.top-bar {
min-height:20px;
padding: 0 12px;
background-color:#99CA3C;
border:1px solid #99CA3C;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.top-bar ul {
margin: 10px 0 0 0 !important
}
.toggle a {
text-decoration: none !important;
color: #333333 !important
}
.toggle a:hover,
.toggle a:focus {
text-decoration: none !important;
color: #333333 !important
}
.toggle_content {
padding-top: 5px
}
.toggle_content .list-unstyled {
padding-left:10px
}
figcaption {
font-size:12px !important;
}
header {
background:#FFF !important
}
header a {
text-decoration:none
}
#mdpls-logo {
display: block !important;
width: 207px;
height: 120px;
min-height: 120px;
background: url(https://www.mdpls.org/_img/mdpls-mark.png) no-repeat;
margin: auto !important;
}
.btn-header {
border:none
}
.youmedia-hours {
border-left:4px solid #F27024;
padding-left:20px
}
.mobile-printing-location {
font-size: 14px;
margin-bottom: 10px
}
.gallery-caption, .wp-caption, .imageborder {
border: 1px solid #ddd;
padding: 5px;
margin-top: 0.45em;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
background-color: #fff;
}
.box-shadow {
box-shadow: hsla(0,0%,0%,0.30) 2px 2px 5px
}
.rotate-5deg-negative {
transform:rotate(-5deg)
}
.img-event {
display: block;
max-width: 100%;
height: auto;
border: solid 1px #C7C7C7;
margin-bottom: 20px;
}
hr.reverse {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid white !important
}
blockquote {
color: #333;
font-size: 16px;
}
blockquote footer,
blockquote small,
blockquote .small {
font-size: 90%;
color: #666;
}
#noScript {
background-color: #ffffcc;
border: 2px solid Red;
padding: 10px;
text-align: center;
font-family: Verdana, Arial, Helvetica;
font-size: 14px;
}
/* -------- Navigation -------- */
.navbar-mdpls {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-mdpls .navbar-brand {
color: #777;
}
.navbar-mdpls .navbar-brand:hover,
.navbar-mdpls .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-mdpls .navbar-text {
color: #333;
}
.navbar-mdpls .navbar-nav > li > a {
color: #333;
}
.navbar-mdpls .navbar-nav > li > a:hover,
.navbar-mdpls .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-mdpls .navbar-nav > .active > a,
.navbar-mdpls .navbar-nav > .active > a:hover,
.navbar-mdpls .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-mdpls .navbar-nav > .disabled > a,
.navbar-mdpls .navbar-nav > .disabled > a:hover,
.navbar-mdpls .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-mdpls .navbar-toggle {
border-color: #ddd;
}
.navbar-mdpls .navbar-toggle:hover,
.navbar-mdpls .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-mdpls .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-mdpls .navbar-collapse,
.navbar-mdpls .navbar-form {
border-color: #e7e7e7;
}
.navbar-mdpls .navbar-nav > .open > a,
.navbar-mdpls .navbar-nav > .open > a:hover,
.navbar-mdpls .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-mdpls .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-mdpls .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-mdpls .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-mdpls .navbar-nav .open .dropdown-menu > .active > a,
.navbar-mdpls .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-mdpls .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-mdpls .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-mdpls .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-mdpls .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-mdpls .navbar-link {
color: #777;
}
.navbar-mdpls .navbar-link:hover {
color: #333;
}
.navbar-mdpls .btn-link {
color: #777;
}
.navbar-mdpls .btn-link:hover,
.navbar-mdpls .btn-link:focus {
color: #333;
}
.navbar-mdpls .btn-link[disabled]:hover,
fieldset[disabled] .navbar-mdpls .btn-link:hover,
.navbar-mdpls .btn-link[disabled]:focus,
fieldset[disabled] .navbar-mdpls .btn-link:focus {
color: #ccc;
}
/* -------- Home Page Elements -------- */
#content .feature-block a {
color:#FFFFFF !important;
font-size: 20px !important;
font-weight: 600 !important;
line-height: 1em;
text-decoration: none !important;
text-shadow: #000000 0px 0px 4px;
font-family: "ITC Avant Garde Std Md", didact-gothic, Arial, sans-serif
}
#content .feature-block a:hover,
#content .feature-block a:focus {
text-decoration: none !important;
color:#DDDDDD !important
}
.feature-content {
background-size: cover !important;
margin:5px -10px;
padding:10px;
}
.feature-content.block-sm,
.feature-content.block-lg {
min-height:200px
}
@media only screen and (min-width: 768px) {
.feature-content.block-sm {
min-height:160px
}
.feature-content.block-lg {
min-height:330px
}
}
.feature-heading-bottom-left {
position:absolute;
bottom:15px;
}
.feature-heading-bottom-right {
position:absolute;
bottom:15px;
right:15px;
}
.feature-heading-top-right {
position:absolute;
right:15px;
}
#events-block {
background: url(../_img/boy-playing-as-king.jpg) no-repeat center;
}
#news-block {
background: url(../_img/antique-typewriter.jpg) no-repeat center;
}
#creative-block {
background:url(../_img/young-girl-making-bracelet.jpg) no-repeat top;
}
#books-block {
background:url(../_img/young-man-with-dreads-reading-book.jpg) no-repeat center;
}
#communityresources-block {
background: url(../_img/brickell-miami-skyline.jpg) no-repeat bottom;
}
#entertainment-block {
background:url(../_img/senior-listening-to-music-on-mobile-device-4-6.jpg) no-repeat center;
}
#getacard-block {
background:url(../_img/library-card-background-art.gif) no-repeat center;
}
#learningandtraining-block {
background:url(../_img/young-couple-using-laptop.jpg) no-repeat center;
}
@media only screen and (min-width: 768px) {
#entertainment-block {
background:url(../_img/senior-listening-to-music-on-mobile-device.jpg) no-repeat center;
}
}
/* ---------- Buttons ---------- */
.btn-success {
color: #fff !important;
background-color: #39B54A;
border-color: #39B54A;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff !important;
background-color: #009444;
border-color: #009444;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #92CD8B;
border-color: #92CD8B;
}
.btn-success .badge {
color: #009444;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #29AAE2;
border-color: #29AAE2;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff !important;
background-color: #1D7AA2;
border-color: #1D7AA2;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #333333;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #145A92;
text-decoration: none;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-android {
color: #fff;
text-shadow:hsla(0,0%,0%,0.30) 0 0 2px;
background-color: #A4C439;
border-color: #A4C439;
}
.btn-android:hover,
.btn-android:focus,
.btn-android.focus,
.btn-android:active,
.btn-android.active,
.open > .dropdown-toggle.btn-android {
color: #fff !important;
background-color: #738a28;
border-color: #738a28;
}
.btn-android:active,
.btn-android.active,
.open > .dropdown-toggle.btn-android {
background-image: none;
}
.btn-android.disabled,
.btn-android[disabled],
fieldset[disabled] .btn-android,
.btn-android.disabled:hover,
.btn-android[disabled]:hover,
fieldset[disabled] .btn-android:hover,
.btn-android.disabled:focus,
.btn-android[disabled]:focus,
fieldset[disabled] .btn-android:focus,
.btn-android.disabled.focus,
.btn-android[disabled].focus,
fieldset[disabled] .btn-android.focus,
.btn-android.disabled:active,
.btn-android[disabled]:active,
fieldset[disabled] .btn-android:active,
.btn-android.disabled.active,
.btn-android[disabled].active,
fieldset[disabled] .btn-android.active {
background-color: #d2e29c;
border-color: #d2e29c;
}
.btn-android .badge {
color: #d2e29c;
background-color: #fff;
}
.btn-apple {
color: #fff;
text-shadow:hsla(0,0%,0%,0.30) 0 0 2px;
background-color: #999;
border-color: #999;
}
.btn-apple:hover,
.btn-apple:focus,
.btn-apple.focus,
.btn-apple:active,
.btn-apple.active,
.open > .dropdown-toggle.btn-apple {
color: #fff !important;
background-color: #666;
border-color: #666;
}
.btn-apple:active,
.btn-apple.active,
.open > .dropdown-toggle.btn-apple {
background-image: none;
}
.btn-apple.disabled,
.btn-apple[disabled],
fieldset[disabled] .btn-apple,
.btn-apple.disabled:hover,
.btn-apple[disabled]:hover,
fieldset[disabled] .btn-apple:hover,
.btn-apple.disabled:focus,
.btn-apple[disabled]:focus,
fieldset[disabled] .btn-apple:focus,
.btn-apple.disabled.focus,
.btn-apple[disabled].focus,
fieldset[disabled] .btn-apple.focus,
.btn-apple.disabled:active,
.btn-apple[disabled]:active,
fieldset[disabled] .btn-apple:active,
.btn-apple.disabled.active,
.btn-apple[disabled].active,
fieldset[disabled] .btn-apple.active {
background-color: #ccc;
border-color: #ccc;
}
.btn-apple .badge {
color: #ccc;
background-color: #fff;
}
.alert-success .alert-link {
color: #2b542c !important;
}
.alert-info .alert-link {
color: #245269 !important;
}
.alert-warning .alert-link {
color: #66512c !important;
}
.alert-danger .alert-link {
color: #843534 !important;
}
/* ---------- Intros ---------- */
#intro {
float: left;
width: 100%;
display: block;
padding: 20px 0 10px 0;
margin-bottom:40px;
background: #E2EAF1;
color: #333333;
}
#introReadingReady {
float: left;
width: 100%;
display: block;
padding: 30px 0 10px 0;
margin-bottom:40px;
background: #E4EFCE;
}
#introBabies {
float: left;
width: 100%;
display: block;
padding: 30px 0 10px 0;
margin-bottom:40px;
background: #15837B;
color: #FFFFFF;
}
#introToddlers {
float: left;
width: 100%;
display: block;
padding: 30px 0 10px 0;
margin-bottom:40px;
background: #DC4C69;
color: #FFFFFF;
}
#introPreschoolers {
float: left;
width: 100%;
display: block;
padding: 30px 0 10px 0;
margin-bottom:40px;
background: #CD4516;
color: #FFFFFF;
}
#intro-passport {
float: left;
width: 100%;
display: block;
padding: 30px 0 10px 0;
background: url(../_img/flight-header.png) no-repeat top center;
color: #666;
}
#intro-art {
float: left;
width: 100%;
display: block;
padding: 30px 0 10px 0;
background: url(../_img/paint-art-background.jpg) no-repeat top center;
}
#intro-reading-ready {
float: left;
width: 100%;
display: block;
padding: 10px 0;
margin-bottom: 30px;
background: #E4EFCE;
color: #666;
}
#intro-babies {
float: left;
width: 100%;
display: block;
padding: 10px 0;
margin-bottom: 30px;
background: #15837B;
color: #FFFFFF;
}
#intro-babies .small {
color: #FFFFFF
}
#intro-toddlers {
float: left;
width: 100%;
display: block;
padding: 10px 0;
margin-bottom: 30px;
background: #DC4C69;
color: #FFFFFF;
}
#intro-toddlers .small {
color: #FFFFFF;
}
#intro-preschoolers {
float: left;
width: 100%;
display: block;
padding: 10px 0;
margin-bottom: 30px;
background: #CD4516;
color: #FFFFFF;
}
#intro-preschoolers .small {
color: #FFFFFF;
}
.reading-ready-book-cover {
float: left;
margin-right: 10px
}
@media only screen and (min-width: 768px) {
.reading-ready-book-cover {
float: none;
margin-bottom: 10px
}
}
/* ---------- Panels ---------- */
.panel-banner {
width: 100%;
height: 50px;
background: no-repeat
}
/* ---------- Yellow Panel ---------- */
.panel-yellow {
border-color: #F5E556
}
.panel-yellow>.panel-heading {
color: #333;
background-color: #F5E556;
border-color: #F5E556
}
.panel-yellow>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #F5E556
}
.panel-yellow>.panel-heading .badge {
color: #F5E556;
background-color: #fff
}
.panel-yellow>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #F5E556
}
/* ---------- Orange Panel ---------- */
.panel-orange {
border-color: #F6921E
}
.panel-orange>.panel-heading {
color: #fff;
background-color: #F6921E;
border-color: #F6921E
}
.panel-orange>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #F6921E
}
.panel-orange>.panel-heading .badge {
color: #F6921E;
background-color: #fff
}
.panel-orange>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #F6921E
}
/* ---------- Red Panel ---------- */
.panel-red {
border-color: #C44234
}
.panel-red>.panel-heading {
color: #fff;
background-color: #C44234;
border-color: #C44234
}
.panel-red>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #C44234
}
.panel-red>.panel-heading .badge {
color: #C44234;
background-color: #fff
}
.panel-red>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #C44234
}
/* ---------- Purple Panel ---------- */
.panel-purple {
border-color: #924887
}
.panel-purple>.panel-heading {
color: #fff;
background-color: #924887;
border-color: #924887
}
.panel-purple>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #924887
}
.panel-purple>.panel-heading .badge {
color: #924887;
background-color: #fff
}
.panel-purple>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #924887
}
/* ---------- Brown Panel ---------- */
.panel-brown {
border-color: #613C1F
}
.panel-brown>.panel-heading {
color: #fff;
background-color: #613C1F;
border-color: #613C1F
}
.panel-brown>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #613C1F
}
.panel-brown>.panel-heading .badge {
color: #613C1F;
background-color: #fff
}
.panel-brown>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #613C1F
}
/* ---------- Dark-Blue Panel ---------- */
.panel-dark-blue {
border-color: #0279B5
}
.panel-dark-blue>.panel-heading {
color: #fff;
background-color: #0279B5;
border-color: #0279B5
}
.panel-dark-blue>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #0279B5
}
.panel-dark-blue>.panel-heading .badge {
color: #0279B5;
background-color: #fff
}
.panel-brown>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #613C1F
}
/* ---------- Light-Blue Panel ---------- */
.panel-light-blue {
border-color: #00A8DE
}
.panel-light-blue>.panel-heading {
color: #fff;
background-color: #00A8DE;
border-color: #00A8DE
}
.panel-light-blue>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #00A8DE
}
.panel-light-blue>.panel-heading .badge {
color: #00A8DE;
background-color: #fff
}
.panel-light-blue>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #00A8DE
}
/* ---------- Green Panel ---------- */
.panel-green {
border-color: #85B951
}
.panel-green>.panel-heading {
color: #fff;
background-color: #85B951;
border-color: #85B951
}
.panel-green>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #85B951
}
.panel-green>.panel-heading .badge {
color: #85B951;
background-color: #fff
}
.panel-green>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #85B951
}
/* ---------- Lime Panel ---------- */
.panel-lime {
border-color: #BDD630
}
.panel-lime>.panel-heading {
color: #333;
background-color: #BDD630;
border-color: #BDD630
}
.panel-lime>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #BDD630
}
.panel-lime>.panel-heading .badge {
color: #BDD630;
background-color: #fff
}
.panel-lime>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #BDD630
}
/* ---------- Calendar of Events ---------- */
#datepickerFrom {
width: 50px;
height: 15px;
padding: 0px;
border: 0px none;
background: none repeat scroll 0% 0% transparent;
visibility: hidden;
position: absolute;
top: 1px;
left: 33px
}
#datepickerTo {
width: 50px;
height: 15px;
padding: 0px;
border: 0px none;
background: none repeat scroll 0% 0% transparent;
visibility: hidden;
position: absolute;
top: 1px;
left: 33px
}
#kyw {
background: url(../_img/icons/search.png) no-repeat right
}
#paging_container11 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#paging_container11 a {
color: white;
}
#wrapper {
margin: 0px auto;
text-align: left;
width: 960px;
}
#paging_container1 {
height: 320px;	
}
#paging_container2 {
height: 356px;	
}
#paging_container3 {
height: 190px;
}
#paging_container4 {
height: 307px;	
overflow: hidden;
}
#paging_container8 .no_more {
background-color: white;
color: #333;
cursor: default;
}
.ellipse {
float: left;
}
.page_navigation , .alt_page_navigation {
padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a {
padding:3px 5px;
margin:2px;
color:white;
text-decoration:none;
float: left;
font-family: Tahoma;
font-size: 12px;
background-color: #0b5a93
}
.active_page {
background-color:white !important;
color: #333 !important;
}	
.content, .alt_content {
color: #333
}
/* ---------- Branch Pages ---------- */
.branch-contact-info,
.branch-contact-info li a {
font-size:inherit;
text-decoration:none !important
}
@media only screen and (min-width: 768px) {
.branch-contact-info,
.branch-contact-info li a {
font-size:16px;
}
}
.branch-map {
width: 100%;
height: 300px;
margin-bottom: -5px;
border:none
}
#branch-events-container {
display: block;
width: 100%;
padding-bottom: 20px;
margin-bottom: 10px;
/*max-height: 300px;*/
overflow: visible
}
@media only screen and (min-width: 992px) {
#branch-events-container {
display: block;
width: 100%;
padding-bottom: 20px;
margin-bottom: 10px;
max-height: 1100px;
overflow: auto
}
}
/* ---------- Digital Shelf Page ---------- */
.tile {
min-height:200px;
border:none !important;
margin:none !important;
box-shadow: hsla(0,0%,0%,0.30) 2px 2px 5px
}
.tile img {
display:block;
max-width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
bottom:-140px !important;
position:relative
}
#digital-shelf-header {
background: url(../_img/headphones-half.png) no-repeat 101% 20px, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
}
#ebooks-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/electronic-library-concept-lg.jpg) no-repeat center
}
#audiobooks-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/headphones-hanging-from-books-audiobook-concept-lg.jpg) no-repeat center
}
#movies-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/teen-girl-laughing-at-movie-on-tablet-lg.jpg) no-repeat center -10px
}
#music-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/smart-phone-with-headphones-lg.jpg) no-repeat center
}
#magazines-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/tablet-digital-magazine-concept-lg.jpg) no-repeat center
}
@media only screen and (min-width: 768px) {
#digital-shelf-header {
background: url(../_img/virtual-magazine-rack-book-in-tablet.png) no-repeat 120% 30px, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
}
#ebooks-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/electronic-library-concept-sm.jpg) no-repeat center
}
#audiobooks-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/headphones-hanging-from-books-audiobook-concept-sm.jpg) no-repeat center
}
#movies-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/teen-girl-laughing-at-movie-on-tablet-sm.jpg) no-repeat center
}
#music-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/smart-phone-with-headphones-sm.jpg) no-repeat center
}
#magazines-bg {
background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/tablet-digital-magazine-concept-sm.jpg) no-repeat center
}
}
@media only screen and (min-width: 992px) {
#digital-shelf-header {
background: url(../_img/senior-man-listening-to-music-library-card-lg.png) no-repeat 120% bottom, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
}
}
@media only screen and (min-width: 1200px) {
#digital-shelf-header {
background: url(../_img/senior-man-listening-to-music-library-card-lg.png) no-repeat 85% bottom, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
}
}
/* ---------- Footer ---------- */
#footer {
float: left;
width: 100%;
padding: 20px 0 10px 0;
display: block;
background-color: #0b5a93;
color: #FFFFFF;
font-family: inherit !important;
font-size: 12px
}
#footer .btn-group a:hover {
color: #FFFFFF !important
}
#footer .btn {
border-radius: 0px}
#footer a {
color: #FFFFFF !important;
}
#footer a:hover {
color: #0084CB !important
}
#footer ul,
#footer ol {
margin-left:-30px
}
.list-footer li,
.list-footer li a,
.list-footer li span {
padding-left: 0;
list-style: none;
margin-bottom: 5px;
color:#FFFFFF;
text-decoration: none
}
/* ---------- Copyright ---------- */
#copyright {
float: left;
width: 100%;
display: block;
padding: 10px 0 0 0;
background: #0084CB;
color: #FFFFFF;
font-size: 12px;
font-family: inherit !important
}
#copyright a {
color: #FFFFFF !important;
}
#copyright a:hover {
color: #145A92 !important;
}
#copyright a {
text-decoration: none !important;
}
#mdc-copyright {
display: block;
background: url(../_img/mdcLogoWhite.png) no-repeat left;
height: 30px;
padding: 10px 0 0 50px;
margin: -8px 0 0 0;
}
.icon-block {
display: block;
float: left;
margin-top: -3px;
margin-right: 10px;
width: 32px;
height: 32px;
}
/* ---------- Gradients ---------- */
#grad-white-orange {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, #F3C56D); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #F3C56D); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #F3C56D); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #F3C56D); /* Standard syntax */
}
#grad-white-light-orange {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, #FFEDCB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #FFEDCB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #FFEDCB); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #FFEDCB); /* Standard syntax */
}
#grad-white-green {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, #A2C671); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #A2C671); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #A2C671); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #A2C671); /* Standard syntax */
}
#grad-white-light-green {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, #B7C6A2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #B7C6A2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #B7C6A2); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #B7C6A2); /* Standard syntax */
}
#grad-white-blue {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, #77CFEF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #77CFEF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #77CFEF); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #77CFEF); /* Standard syntax */
}
#grad-white-light-blue {
background: white; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(white, #CBF1FF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(white, #CBF1FF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(white, #CBF1FF); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, #CBF1FF); /* Standard syntax */
}
/* ---------- Helpers & Spacers ---------- */
.text-muted {
color: #666
}
.text-reverse {
color: #ffffff !important
}
#content .text-reverse a {
color: #ffffff !important
}
#content .text-reverse a:hover,
#content .text-reverse a:focus {
color: #dddddd !important
}
.text-shadow {
color:#ffffff !important;
text-shadow: 0 0 5px hsla(0,0%,0%,0.80)
}
#content .text-shadow a {
color:#ffffff !important
}
#content .text-shadow a:hover,
#content .text-shadow a:focus {
color:#dddddd !important
}
.no-margin {
margin: 0!important
}
.no-padding {
padding: 0!important
}
.no-border {
border: 0!important
}
.no-radius {
border-radius: 0 !important
}
.no-decoration {
color: #333333 !important;
text-decoration: none !important
}
.border-bottom-white {
border-bottom: solid 2px white
}
.facebook-blue {
color: #3B5998 !important
}
.twitter-blue {
color:#55ACEE !important
}
.youtube-red {
color:#CC181E !important
}
.apple-grey {
color: #999 !important
}
.android-green {
color: #A4C439 !important
}
.bg-intro {
background-color: #E2EAF1 !important;
border: none !important
}
.bg-info {
background-color:#d9edf7 !important
}
.bg-transparent {
background-color: hsla(0,0%,100%,0.00);
border: none !important
}
.bg-transparent-white {
background-color: hsla(0,0%,100%,0.80);
border: none !important
}
.bg-transparent-white.fifty-percent {
background-color: hsla(0,0%,100%,0.50) !important;
border: none !important
}
.bg-transparent-white.thirty-percent {
background-color: hsla(0,0%,100%,0.30) !important;
border: none !important
}
.bg-white {
background-color: #FFFFFF;
border-color: #DDDDDD
}
.bg-neutral {
background-color: #F8F5EE;
border: none !important;
}
.bg-brown {
background-color: #7C3F00;
border: none
}
.bg-maroon {
background-color: #8b0304;
border: none
}
.bg-gold {
background-color: #d8c030;
border: none
}
.bg-green {
background-color: #22983e;
border: none
}
.bg-blue {
background-color: #5b82f1;
border: none
}
.bg-purple {
background-color:#9600ff;
border: none !important
}
.bg-lime-green {
background-color: #99CA3C;
border: none !important;
}
.bg-light-green {
background-color: #BCD85F;
border: none !important;
}
.bg-teal {
background-color: #15837B;
border: none !important
}
.bg-red {
background-color: #ce2b1f;
border: none !important
}
.bg-magenta {
background-color: #DC4C69;
border: none
}
.bg-orange {
background-color:#F6921E;
border:none !important
}
.bg-dark-orange {
background-color: #CD4516;
border: none
}
.bg-yellow {
background-color:#F5E556;
border:none !important
}
.bg-youmedia-orange {
background-color: #F26F22
}
.bg-halftone {
background:url(http://www.mdpls.org/_img/seamless-halftone-background.png) repeat;
border: none !important;
}
.bg-reading-ready-green {
background-color: #E4EFCE;
border: none
}
.width100 {
width: 100%
}
.width90 {
width: 90%
}
.width75 {
width: 75%
}
.width50 {
width: 50%
}
.width25 {
width: 25%
}
.space5 {
clear: both;
width: 100%;
display: block;
padding: 3px 0;
}
.space10 {
clear: both;
width: 100%;
display: block;
padding: 5px 0;
}
.space20 {
clear: both;
width: 100%;
display: block;
padding: 10px 0;
}
.space30 {
clear: both;
width: 100%;
display: block;
padding: 15px 0;
}
.space40 {
clear: both;
width: 100%;
display: block;
padding: 20px 0;
}
.space50 {
clear: both;
width: 100%;
display: block;
padding: 25px 0;
}
.space60 {
clear: both;
width: 100%;
display: block;
padding: 30px 0;
}
.space80 {
clear: both;
width: 100%;
display: block;
padding: 40px 0;
}
.space100 {
clear: both;
width: 100%;
display: block;
padding: 50px 0;
}
.margin-top-0 {
margin-top: 0px !important;
}
.margin-bottom-0 {
margin-bottom: 0px !important;
}
.margin-left-0 {
margin-left: 0px !important;
}
.margin-right-0 {
margin-right: 0px !important;
}
.margin-width-0 {
margin-left: 0px !important;
margin-right: 0px !important
}
.margin-height-0 {
margin-top: 0px !important;
margin-bottom: 0px !important
}
.margin-full-5 {
margin: 5px !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-bottom-5 {
margin-bottom: 5px !important;
}
.margin-left-5 {
margin-left: 5px !important;
}
.margin-right-5 {
margin-right: 5px !important;
}
.margin-width-5 {
margin-left: 5px !important;
margin-right: 5px !important
}
.margin-height-5 {
margin-top: 5px !important;
margin-bottom: 5px !important
}
.margin-full-5 {
margin: 5px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-left-10 {
margin-left: 10px !important;
}
.margin-right-10 {
margin-right: 10px !important;
}
.margin-width-10 {
margin: 0 10px !important;
}
.margin-height-10 {
margin: 10px 0 !important;
}
.margin-full-10 {
margin: 10px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-left-20 {
margin-left: 20px !important;
}
.margin-right-20 {
margin-right: 20px !important;
}
.margin-width-20 {
margin: 0 20px !important;
}
.margin-height-20 {
margin: 20px 0 !important;
}
.margin-full-20 {
margin: 20px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-left-30 {
margin-left: 30px !important;
}
.margin-right-30 {
margin-right: 30px !important;
}
.margin-width-30 {
margin: 0 30px !important;
}
.margin-height-30 {
margin: 30px 0 !important;
}
.margin-full-30 {
margin: 30px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-left-40 {
margin-left: 40px !important;
}
.margin-right-40 {
margin-right: 40px !important;
}
.margin-width-40 {
margin: 0 40px !important;
}
.margin-height-40 {
margin: 40px 0 !important;
}
.margin-full-40 {
margin: 40px !important;
}
.margin-top-50 {
margin-top: 50px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-left-50 {
margin-left: 50px !important;
}
.margin-right-50 {
margin-right: 50px !important;
}
.margin-width-50 {
margin: 0 50px !important;
}
.margin-height-50 {
margin: 50px 0 !important;
}
.margin-full-50 {
margin: 50px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
.margin-left-100 {
margin-left: 100px !important;
}
.margin-right-100 {
margin-right: 100px !important;
}
.margin-width-100 {
margin: 0 100px !important;
}
.margin-height-100 {
margin: 100px 0 !important;
}
.margin-full-100 {
margin: 100px !important;
}
.radius5 {
border-radius: 5px !important;
}
.radius10 {
border-radius: 10px !important;
}























@charset "UTF-8";
/* ---------- CSS Document ---------- */
@media print {
    a[href]:after {
        content: none;
    }
}

#noScript {
    background-color: #ffffcc;
    border: 2px solid Red;
    padding: 10px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
}

a {
    color: #333333;
    text-decoration: none
}

    a:focus,
    a:hover {
        color: #145A92;
        text-decoration: none
    }

#content {
    float: left;
    width: 100%;
    display: block;
    padding: 0
}

    #content p a,
    #content li a {
        color: #333333;
        text-decoration: underline
    }

        #content p a:hover,
        #content p a:focus,
        #content li a:hover,
        #content li a:focus {
            color: #145A92;
            text-decoration: underline
        }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333333 !important;
    text-decoration: none !important
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 20px;
}

h5, .h5 {
    font-size: 18px;
}

h6, .h6 {
    font-size: 16px;
    margin-bottom: .3em
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        color: #565656;
    }

h4,
.h4,
h5,
.h5 {
    margin-top: 10px;
    margin-bottom: .5em
}

blockquote .footer {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
}

    blockquote .footer:before {
        content: '\2014 \00A0';
    }

.blockquote-reverse .footer:before,
blockquote .pull-right .footer:before {
    content: '';
}

.blockquote-reverse .footer:after,
blockquote.pull-right .footer:after {
    content: '\00A0 \2014';
}

.underline {
    text-decoration: underline !important
}

ol li {
    margin-bottom: 5px
}

.list-unstyled > li {
    margin-bottom: 5px;
}

.list-inline > li {
    margin-bottom: 5px;
}

.thumbnail,
.img-thumbnail {
    border-radius: 0;
}

.img-thumbnail {
    margin-bottom: 20px
}

.thumbnail .caption {
    text-align: inherit
}

    .thumbnail .caption > img,
    .thumbnail .caption a > img {
        margin-right: none !important;
        margin-left: none !important;
    }

.thumbnail-unstyled {
    padding: 0 !important;
    border: none;
    border-radius: 0 !important;
    background-color: transparent
}

.lead {
    font-size: 18px;
    line-height: 1.2
}

@media only screen and (min-width: 768px) {
    .lead {
        font-size: 20px;
    }
}

.emphasis {
    font-size: 1.2em;
    line-height: 1.2
}

.page-header {
    padding-bottom: 0;
    margin: 30px 0 20px;
    border-bottom: none
}

.press-header,
.press-release-header h1,
h1.press-release {
    font-size: 22px;
    text-align: center;
    margin: 30px 0 10px
}

.press-release-header h2,
h2.press-release {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4
}

.sub-heading {
    margin-bottom: 20px;
    color: inherit;
    font-size: 24px !important;
    line-height: 1.1
}
/* phasing this version of sub-heading out */
.subheading {
    margin-bottom: 20px;
    font-size: 24px !important;
    line-height: 1.1
}

.section-header {
    margin: 20px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .section-header span {
        display: inline-block;
        position: relative;
        padding: 0 20px;
    }

        .section-header span:before, .section-header span:after {
            content: '';
            display: block;
            width: 1000px;
            position: absolute;
            top: 0.7em;
            border-top: 1px solid #999999;
        }

        .section-header span:before {
            right: 100%;
        }

        .section-header span:after {
            left: 100%;
        }

.header-border-bottom {
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
}

.header-border-top {
    padding-top: 9px;
    border-top: 1px solid #eee;
}

.breadcrumb, .breadcrumb ol {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.media-right,
.media > .pull-right {
    padding-left: 20px;
}

.media-left,
.media > .pull-left {
    padding-right: 20px;
}

.label-default {
    background-color: #525252;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #666;
    }

.label-primary {
    background-color: hsl(208, 60%, 45%);
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: hsl(208, 60%, 35%);
    }

.label-success {
    background-color: hsl(128, 55%, 40%);
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: hsl(128, 55%, 30%);
    }

.label-info {
    background-color: hsl(207, 80%, 50%);
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: hsl(207, 80%, 40%);
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: hsl(2, 80%, 50%);
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: hsl(2, 80%, 40%);
    }

.label-coming-soon {
    background-color: #FFE500;
    color: #444
}

    .label-coming-soon[href]:hover,
    .label-coming-soon[href]:focus {
        background-color: #FFE500;
        color: #444
    }

.badge {
    background-color: #333;
}

.sponsor {
    font-size: 85%;
    font-style: italic
}

.navbar-brand {
    font-size: 16px !important;
    line-height: 18px !important;
}

    .navbar-brand > img {
        float: left !important;
    }

.nav.nav-pills a {
    text-decoration: none !important
}

.img-left {
    float: left;
    margin: 20px 20px 0 0
}

.img-right {
    float: right;
    margin: 20px 0 0 20px
}

.well-sm {
    padding: 9px 12px
}

.well h6 a:hover,
.well h6 a:focus {
    color: #145A92 !important;
}

.well.well-intro {
    padding: 6px 12px;
    border: none !important;
    border-radius: 0 !important;
    background-color: #E2EAF1 !important
}

.transparent,
.well-transparent {
    background-color: hsla(0,0%,0%,0.00);
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.well-white {
    background-color: #FFFFFF;
    border-color: #DDDDDD
}

#well-misshumblebee {
    background-color: #E2DDBC;
    color: #626034
}

#press-release-intro,
#press-release-heading {
    min-height: 120px;
    background: url(../_img/miami-dade-county-press-release-header.jpg) no-repeat center, #204176;
    margin-bottom: 30px
}

address {
    margin-bottom: 0;
    font-style: normal
}

.pagination a {
    text-decoration: none !important
}

.toggle a {
    text-decoration: none !important;
    color: #333333 !important
}

    .toggle a:hover,
    .toggle a:focus {
        text-decoration: none !important;
        color: #333333 !important
    }

.toggle_content {
    padding-top: 5px
}

    .toggle_content .list-unstyled {
        padding-left: 10px
    }

figcaption {
    font-size: 12px !important;
}

header {
    background: #fff !important
}

#mdpls-logo {
    display: block !important;
    position: relative;
    max-width: 100%;
    height: auto;
    width: auto;
    min-height: 60px;
    background: url(http://www.mdpls.org/_img/mdpls-mark-horizontal.gif) no-repeat;
    background-position: center;
    background-size: contain;
    margin: 20px auto -15px !important
}

@media only screen and (min-width: 768px) {
    #mdpls-logo {
        min-height: 120px;
        background: url(https://www.mdpls.org/_img/mdpls-mark.png) no-repeat;
        background-size: contain;
        margin: 6px auto !important
    }
}

#library-mark {
    display: block !important;
    position: relative;
    max-width: 100%;
    height: auto;
    width: auto;
    min-height: 60px;
    background: url(https://www.mdpls.org/_img/mdpls-mark-horizontal.gif) no-repeat;
    background-position: center;
    background-size: contain;
    margin: 20px auto -15px !important
}

@media only screen and (min-width: 768px) {
    #library-mark {
        min-height: 120px;
        background: url(https://www.mdpls.org/_img/mdpls-mark.png) no-repeat;
        background-size: contain;
        margin: 6px auto !important
    }
}

#getthemost-tag {
    display: block !important;
    position: relative;
    max-width: 100%;
    height: auto;
    width: auto;
    min-height: 32px;
    background: url(http://www.mdpls.org/_img/tag-line-get-the-most-with-it-full-center.gif) no-repeat;
    background-position: center;
    background-size: contain;
    margin: 20px auto 5px !important
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #getthemost-tag {
        min-height: 24px;
        background: url(http://www.mdpls.org/_img/tag-line-get-the-most-with-it-wide.gif) no-repeat;
        background-position: center;
    }
}

@media only screen and (min-width: 992px) {
    #getthemost-tag {
        min-height: 36px;
        background: url(http://www.mdpls.org/_img/tag-line-get-the-most-with-it-full.gif) no-repeat;
        margin: 50px auto 10px !important;
    }
}

.box-shadow {
    box-shadow: hsla(0,0%,0%,0.30) 2px 2px 5px
}

.rotate-5deg-negative {
    transform: rotate(-5deg)
}

.img-event {
    display: block;
    max-width: 100%;
    height: auto;
    border: solid 1px #C7C7C7;
    margin-bottom: 20px
}

hr.reverse {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid white !important
}

blockquote {
    color: #333;
    font-size: 16px
}

    blockquote footer,
    blockquote small,
    blockquote .small {
        font-size: 90%;
        color: #666
    }

#noScript {
    background-color: #ffffcc;
    border: 2px solid Red;
    padding: 10px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px
}

.alert.alert-warning.home {
    margin-bottom: 0;
    text-align: center;
    border: none;
    border-radius: 0;
}

#intro {
    float: left;
    width: 100%;
    display: block;
    padding: 20px 0 10px 0;
    margin-bottom: 40px;
    background: #E2EAF1;
    color: #333333;
}
/* ---------- Calendar of Events ---------- */
#datepickerFrom {
    width: 50px;
    height: 15px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 33px
}

#datepickerTo {
    width: 50px;
    height: 15px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 33px
}

#kyw {
    background: url(../_img/icons/search.png) no-repeat right
}

#paging_container11 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#paging_container11 a {
    color: white;
}

#wrapper {
    margin: 0px auto;
    text-align: left;
    width: 960px;
}

#paging_container1 {
    height: 320px;
}

#paging_container2 {
    height: 356px;
}

#paging_container3 {
    height: 190px;
}

#paging_container4 {
    height: 307px;
    overflow: hidden;
}

#paging_container8 .no_more {
    background-color: white;
    color: #333;
    cursor: default;
}

.ellipse {
    float: left;
}

.page_navigation, .alt_page_navigation {
    padding-bottom: 10px;
}

    .page_navigation a, .alt_page_navigation a {
        padding: 3px 5px;
        margin: 2px;
        color: white;
        text-decoration: none;
        float: left;
        font-family: Tahoma;
        font-size: 12px;
        background-color: #0b5a93
    }

.active_page {
    background-color: white !important;
    color: #333 !important;
}

.content, .alt_content {
    color: #333
}
/* ---------- Footer ---------- */
#footer {
    float: left;
    width: 100%;
    padding: 0;
    display: block;
    background-color: #145a92;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 14px
}

    #footer ul li {
        margin-bottom: 5px
    }

    #footer a {
        color: #FFFFFF !important;
    }

        #footer a:hover {
            color: #00aeef !important;
            text-decoration: none
        }

#social-media-footer {
    background: #0084cb;
    margin-bottom: 10px
}

    #social-media-footer a {
        text-shadow: hsla(0,0%,0%,0.40) 0 0 3px;
    }

        #social-media-footer a:hover {
            color: #0b3352 !important;
            text-shadow: none
        }

@media only screen and (max-width: 767px) {
    #footer .list-unstyled li {
        text-align: center !important
    }
}
/* ---------- Copyright ---------- */
#copyright {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
    background: #0b3352;
    color: #FFFFFF;
    font-size: 12px;
    font-family: inherit !important
}

    #copyright a {
        color: #FFFFFF !important;
        text-decoration: none !important
    }

        #copyright a:hover {
            color: #0084cb !important;
        }

#mdc-copyright {
    display: block;
    background: url(../_img/mdcLogoWhite.png) no-repeat left;
    height: 30px;
    padding: 10px 0 0 50px;
    margin: -8px 0 0 0
}

@media only screen and (max-width: 767px) {
    #social-media-footer .fa {
        font-size: 2em
    }

    #mdc-copyright {
        display: block;
        background: none;
        height: 10px;
        padding: 0;
        margin: 0;
        text-align: center
    }

    #copyright ul li {
        text-align: center !important;
        display: block
    }
}
/* ---------- Helpers & Spacers ---------- */
.text-muted {
    color: #666
}

.text-reverse {
    color: #ffffff !important
}

#content .text-reverse a {
    color: #ffffff !important
}

    #content .text-reverse a:hover,
    #content .text-reverse a:focus {
        color: #dddddd !important
    }

.text-shadow {
    color: #ffffff !important;
    text-shadow: 0 0 5px hsla(0,0%,0%,0.80)
}

#content .text-shadow a {
    color: #ffffff !important
}

    #content .text-shadow a:hover,
    #content .text-shadow a:focus {
        color: #dddddd !important
    }

.no-border {
    border: none !important
}

.no-decoration {
    color: #333333 !important;
    text-decoration: none !important
}

.border-bottom-white {
    border-bottom: solid 2px white
}
/* ---------- Gradients ---------- */
#grad-white-orange {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #F3C56D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #F3C56D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #F3C56D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #F3C56D); /* Standard syntax */
}

#grad-white-light-orange {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #FFEDCB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #FFEDCB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #FFEDCB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #FFEDCB); /* Standard syntax */
}

#grad-white-green {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #A2C671); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #A2C671); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #A2C671); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #A2C671); /* Standard syntax */
}

#grad-white-light-green {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #B7C6A2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #B7C6A2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #B7C6A2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #B7C6A2); /* Standard syntax */
}

#grad-white-blue {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #77CFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #77CFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #77CFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #77CFEF); /* Standard syntax */
}

#grad-white-light-blue {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #CBF1FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #CBF1FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #CBF1FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #CBF1FF); /* Standard syntax */
}

#grad-yellow-white {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F5E556, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F5E556, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F5E556, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F5E556, white); /* Standard syntax */
}
/* ---------- Colors ---------- */
.facebook-blue {
    color: #3B5998 !important
}

.twitter-blue {
    color: #55ACEE !important
}

.instagram-fuchsia {
    color: #c8325a
}

.youtube-red {
    color: #CC181E !important
}

.apple-grey {
    color: #999 !important
}

.android-green {
    color: #A4C439 !important
}

.bg-intro {
    background-color: #E2EAF1 !important;
    border: none !important
}

.bg-info {
    background-color: #d9edf7 !important
}

.bg-transparent {
    background-color: hsla(0,0%,100%,0.00);
    border: none !important;
    box-shadow: none
}

.bg-transparent-bordered {
    background-color: hsla(0,0%,100%,0.00);
    border: 1px solid #999 !important;
}

.bg-transparent-white {
    background-color: hsla(0,0%,100%,0.90);
    border: none !important;
    box-shadow: none;
}

    .bg-transparent-white.fifty-percent {
        background-color: hsla(0,0%,100%,0.50) !important;
        border: none !important
    }

    .bg-transparent-white.thirty-percent {
        background-color: hsla(0,0%,100%,0.30) !important;
        border: none !important
    }

.bg-white {
    background-color: #FFFFFF;
    border-color: #DDDDDD
}

.bg-neutral {
    background-color: #F8F5EE;
    border: none !important;
}

.bg-ivory {
    background-color: #f8f8f2;
    border: none !important;
}

.bg-slate {
    background-color: #f0f5f8;
    border: none !important;
}

.bg-brown {
    background-color: #7C3F00;
    border: none
}

.bg-maroon {
    background-color: #8b0304;
    border: none
}

.bg-gold {
    background-color: #d8c030;
    border: none
}

.bg-green {
    background-color: #22983e;
    border: none
}

.bg-blue {
    background-color: #5b82f1;
    border: none
}

.bg-purple {
    background-color: #9600ff;
    border: none !important
}

.bg-lime-green {
    background-color: #99CA3C;
    border: none !important;
}

.border-lime-green {
    background: #fff;
    border: 1px solid #99CA3C !important;
}

.bg-light-green {
    background-color: #BCD85F;
    border: none !important;
}

.bg-teal {
    background-color: #15837B;
    border: none !important
}

.bg-red {
    background-color: #ce2b1f;
    border: none !important
}

.bg-magenta {
    background-color: #DC4C69;
    border: none
}

.bg-orange {
    background-color: #F6921E;
    border: none !important
}

.bg-dark-orange {
    background-color: #CD4516;
    border: none
}

.bg-yellow {
    background: #F5E556;
    border: none !important
}

.bg-youmedia-orange {
    background-color: #F26F22;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bg-youmedia-green {
    background-color: #8BC541;
    border: none !important;
    box-shadow: none !important;
}

.bg-halftone {
    background: url(../_img/seamless-halftone-background.png) repeat;
    border: none !important;
}
/* ---------- Spacers ---------- */
.width100 {
    width: 100%
}

.width90 {
    width: 90%
}

.width75 {
    width: 75%
}

.width50 {
    width: 50%
}

.width25 {
    width: 25%
}

.space5 {
    clear: both;
    width: 100%;
    display: block;
    padding: 3px 0;
}

.space10 {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0;
}

.space20 {
    clear: both;
    width: 100%;
    display: block;
    padding: 10px 0;
}

.space30 {
    clear: both;
    width: 100%;
    display: block;
    padding: 15px 0;
}

.space40 {
    clear: both;
    width: 100%;
    display: block;
    padding: 20px 0;
}

.space50 {
    clear: both;
    width: 100%;
    display: block;
    padding: 25px 0;
}

.space60 {
    clear: both;
    width: 100%;
    display: block;
    padding: 30px 0;
}

.space80 {
    clear: both;
    width: 100%;
    display: block;
    padding: 40px 0;
}

.space100 {
    clear: both;
    width: 100%;
    display: block;
    padding: 50px 0;
}

.no-padding {
    padding: 0 !important
}

.padding-top-0 {
    padding-top: 0px !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-width-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.padding-height-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

.padding-full-5 {
    padding: 5px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-width-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.padding-height-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.padding-full-5 {
    padding: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-width-10 {
    padding: 0 10px !important;
}

.padding-height-10 {
    padding: 10px 0 !important;
}

.padding-full-10 {
    padding: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-width-20 {
    padding: 0 20px !important;
}

.padding-height-20 {
    padding: 20px 0 !important;
}

.padding-full-20 {
    padding: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-width-30 {
    padding: 0 30px !important;
}

.padding-height-30 {
    padding: 30px 0 !important;
}

.padding-full-30 {
    padding: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-width-40 {
    padding: 0 40px !important;
}

.padding-height-40 {
    padding: 40px 0 !important;
}

.padding-full-40 {
    padding: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-width-50 {
    padding: 0 50px !important;
}

.padding-height-50 {
    padding: 50px 0 !important;
}

.padding-full-50 {
    padding: 50px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-left-100 {
    padding-left: 100px !important;
}

.padding-right-100 {
    padding-right: 100px !important;
}

.padding-width-100 {
    padding: 0 100px !important;
}

.padding-height-100 {
    padding: 100px 0 !important;
}

.padding-full-100 {
    padding: 100px !important;
}

.no-margin {
    margin: 0 !important
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-left-0 {
    margin-left: 0px !important;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-width-0 {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.margin-height-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.margin-full-5 {
    margin: 5px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-width-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.margin-height-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.margin-full-5 {
    margin: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-width-10 {
    margin: 0 10px !important;
}

.margin-height-10 {
    margin: 10px 0 !important;
}

.margin-full-10 {
    margin: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-width-20 {
    margin: 0 20px !important;
}

.margin-height-20 {
    margin: 20px 0 !important;
}

.margin-full-20 {
    margin: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-width-30 {
    margin: 0 30px !important;
}

.margin-height-30 {
    margin: 30px 0 !important;
}

.margin-full-30 {
    margin: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-width-40 {
    margin: 0 40px !important;
}

.margin-height-40 {
    margin: 40px 0 !important;
}

.margin-full-40 {
    margin: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-width-50 {
    margin: 0 50px !important;
}

.margin-height-50 {
    margin: 50px 0 !important;
}

.margin-full-50 {
    margin: 50px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-width-100 {
    margin: 0 100px !important;
}

.margin-height-100 {
    margin: 100px 0 !important;
}

.margin-full-100 {
    margin: 100px !important;
}

.no-radius {
    border-radius: 0 !important
}

.radius5 {
    border-radius: 5px !important;
}

.radius10 {
    border-radius: 10px !important;
}
/* ---------- Custom Page Content ---------- */
/* Home Page */
#content .feature-block a {
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1em;
    text-decoration: none !important;
    text-shadow: #000000 0px 0px 4px;
    font-family: "ITC Avant Garde Std Md", didact-gothic, Arial, sans-serif
}

    #content .feature-block a:hover,
    #content .feature-block a:focus {
        text-decoration: none !important;
        color: #DDDDDD !important
    }

.feature-content {
    background-size: cover !important;
    margin: 5px -10px;
    padding: 10px
}

    .feature-content.block-sm,
    .feature-content.block-lg {
        min-height: 200px
    }

@media only screen and (min-width: 768px) {
    .feature-content.block-sm {
        min-height: 160px
    }

    .feature-content.block-lg {
        min-height: 330px
    }
}

.feature-heading-bottom-left {
    position: absolute;
    bottom: 15px
}

.feature-heading-bottom-right {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.feature-heading-top-right {
    position: absolute;
    right: 15px
}

#events-block {
    background: url(../_img/boy-playing-as-king.jpg) no-repeat center;
}

#news-block {
    background: url(../_img/antique-typewriter.jpg) no-repeat center;
}

#creative-block {
    background: url(../_img/young-girl-making-bracelet.jpg) no-repeat top;
}

#books-block {
    background: url(../_img/young-man-with-dreads-reading-book.jpg) no-repeat center;
}

#communityresources-block {
    background: url(../_img/brickell-miami-skyline.jpg) no-repeat bottom;
}

#entertainment-block {
    background: url(../_img/senior-listening-to-music-on-mobile-device-4-6.jpg) no-repeat center;
}

#getacard-block {
    background: url(../_img/library-card-background-art.gif) no-repeat center;
}

#learningandtraining-block {
    background: url(../_img/young-couple-using-laptop.jpg) no-repeat center;
}

@media only screen and (min-width: 768px) {
    #entertainment-block {
        background: url(../_img/senior-listening-to-music-on-mobile-device.jpg) no-repeat center;
    }
}
/* ---------- Branch Pages ---------- */
.branch-contact-info,
.branch-contact-info li a {
    font-size: inherit;
    text-decoration: none !important
}

@media only screen and (min-width: 768px) {
    .branch-contact-info,
    .branch-contact-info li a {
        font-size: 16px;
    }
}

.branch-map {
    width: 100%;
    height: 300px;
    margin-bottom: -5px;
    border: none
}

#branch-events-container {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
    /*max-height: 300px;*/
    overflow: visible
}

@media only screen and (min-width: 992px) {
    #branch-events-container {
        display: block;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 10px;
        /*max-height: 1100px;*/
        overflow: auto
    }
}
/* 24/7 Library */
#twenty-four-seven-library-bg {
    background: url( ../_img/miami-downtown-night-skyline-wide.jpg) no-repeat top left
}
/* About Us */
#about-us-bg {
    background: url(../_img/library-card-background-top-border.gif) no-repeat -100px -20px
}

@media only screen and (min-width: 1200px) {
    #about-us-bg {
        background: url(../_img/library-card-background-top-border.gif) no-repeat left -20px
    }
}
/* Apps */
#app-heading {
    background: url(../_img/hand-touch-gesture.png) no-repeat 150px bottom, url(../_img/blue-grey-gradient.jpg) repeat-x top
}

@media only screen and (min-width: 768px) {
    #app-heading {
        background: url(../_img/hand-touch-gesture.png) no-repeat 300px bottom, url(../_img/blue-grey-gradient.jpg) repeat-x top
    }
}

@media only screen and (min-width: 992px) {
    #app-heading {
        background: url(../_img/hand-touch-gesture.png) no-repeat 150% bottom, url(../_img/blue-grey-gradient.jpg) repeat-x top
    }
}

@media only screen and (min-width: 1200px) {
    #app-heading {
        background: url(../_img/hand-touch-gesture.png) no-repeat right bottom, url(../_img/blue-grey-gradient.jpg) repeat-x top
    }
}

#tablet {
    background: url(../_img/tablet-horizontal-isolated.png) no-repeat center top;
    min-height: 52px
}
/* Assistive Services & Technology */
#assistive-services-bg {
    background: url(../_img/braille-book-border.jpg) no-repeat top center
}

@media only screen and (min-width: 768px) {
    #assistive-services-bg {
        background: url(../_img/fingers-reading-braille.png) no-repeat 80% -10px, url(../_img/braille-book-border.jpg) no-repeat top center
    }
}
/* Borrowing */
#borrowing-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #borrowing-bg {
        background: url(../_img/student-reaching-for-book-from-shelf.jpg) no-repeat right;
        background-size: contain
    }
}
/* Career Online High School */
#cohs-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #cohs-bg {
        background: url(../_img/graduate-woman-holding-placard.png) no-repeat top right
    }
}

@media only screen and (min-width: 1200px) {
    #cohs-bg {
        background: url(../_img/graduate-woman-holding-placard.png) no-repeat 60% top
    }
}

#bg-light-blue {
    background: #007DC6
}

#bg-dark-blue {
    background: #0b1d41
}
/* The Library for Children */
.children-gradient-bg {
    background: #99CA3C; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#BCD85F, #99CA3C); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BCD85F, #99CA3C); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BCD85F, #99CA3C); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#BCD85F, #99CA3C); /* Standard syntax */
}

.princess-bg {
    background: none
}

@media only screen and (min-width: 992px) {
    .princess-bg {
        background: url(../_img/girl-princess-with-frog.png) no-repeat 95% 5px
    }
}

@media only screen and (min-width: 1200px) {
    .princess-bg {
        background: url(../_img/girl-princess-with-frog.png) no-repeat 80% 5px
    }
}

#princess {
    margin-top: -60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #princess {
        margin-top: -80px
    }
}

@media only screen and (min-width: 992px) {
    #princess {
        margin-top: 30px
    }
}

.sky-gradient-bg {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#84CFFF, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#84CFFF, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#84CFFF, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#84CFFF, white); /* Standard syntax */
}

.cloud-bg {
    background: url(../_img/background-cloud-overlay.png) no-repeat top center;
    background-size: cover
}

.subject-heading {
    display: block;
    position: relative;
    top: -30px;
    left: 4px;
    margin-bottom: -45px
}

    .subject-heading.ebooks {
        display: block;
        position: relative;
        top: -30px;
        left: 4px;
        margin-bottom: -45px
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subject-heading.ebooks {
        display: block;
        position: relative;
        top: -30px;
        left: 4px;
        margin-bottom: -85px
    }
}

@media only screen and (min-width: 1200px) {
    .subject-heading.ebooks {
        display: block;
        position: relative;
        top: -30px;
        left: 4px;
        margin-bottom: -85px
    }
}

.subject-heading.reading {
    display: block;
    position: relative;
    top: -30px;
    left: 4px;
    margin-bottom: -55px
}

.subject-img {
    display: block;
    border-radius: 2px;
    min-height: 305px;
    margin-bottom: 10px;
    width: 100%
}

#children-research-bg {
    background: url(../_img/young-girl-researching-horizontal.jpg) no-repeat top left;
    background-size: cover;
}

#children-databases-bg {
    background: url(../_img/children-doing-reference-in-library-on-computer-horizontal.jpg) no-repeat top center;
    background-size: cover;
}

#children-math-bg {
    background: url(../_img/boy-looking-at-math-formulas-on-chalkboard-horizontal.jpg) no-repeat top left;
    background-size: cover;
}

#children-science-bg {
    background: url(../_img/young-boy-science-experiment-horizontal.jpg) no-repeat top left;
    background-size: cover;
}

#children-reading-bg {
    background: url(../_img/toddler-girl-reading-book-on-rug-horizontal.jpg) no-repeat top left;
    background-size: cover;
}

#children-books-bg {
    background: url(../_img/girl-reading-on-book-pile-empty-room.jpg) no-repeat top center;
    background-size: cover;
}

#children-ebooks-bg {
    background: url(../_img/young-boy-using-tablet-on-couch-teddy-bear.jpg) no-repeat top center;
    background-size: cover;
}

#children-games-bg {
    background: url(../_img/preschool-girl-playing-games-on-tablet.jpg) no-repeat top center;
    background-size: cover;
}

#children-parents-bg {
    background: url(../_img/family-silhouette-sunset.jpg) no-repeat top center;
    background-size: cover;
}
/* Community Resources */
#community-resources-bg {
    background: url(../_img/biscayne-bay-skyline-header-bg.gif) no-repeat center top
}
/* Connections */
#connections-bg {
    background: url(../_img/sky-clouds-fade-border.jpg) no-repeat top;
    background-size: contain
}

#mailbox {
    background: none
}

@media only screen and (min-width: 768px) {
    #mailbox {
        background: url(../_img/mailbox-with-package-inside-sm.png) no-repeat 90% 30px
    }
}

@media only screen and (min-width: 992px) {
    #mailbox {
        background: url(../_img/mailbox-with-package-inside.png) no-repeat 90% 50px
    }
}

@media only screen and (min-width: 1200px) {
    #mailbox {
        background: url(../_img/mailbox-with-package-inside.png) no-repeat 80% 50px
    }
}
/* Computers */
#computers-bg {
    background: url(../_img/abstract-waves-background.gif) no-repeat top
}

@media only screen and (min-width: 768px) {
    #computers-bg {
        background: url(../_img/computer-desktop-isolated.png) no-repeat 500px 180px, url(../_img/abstract-waves-background.gif) no-repeat top
    }
}

@media only screen and (min-width: 992px) {
    #computers-bg {
        background: url(../_img/computer-desktop-isolated.png) no-repeat 130% 85px, url(../_img/abstract-waves-background.gif) no-repeat top
    }
}

@media only screen and (min-width: 1200px) {
    #computers-bg {
        background: url(../_img/computer-desktop-isolated.png) no-repeat 90% 80px, url(../_img/abstract-waves-background.gif) no-repeat top
    }
}
/* Databases */
#databases-bg {
    background: url(../_img/young-couple-using-laptop-background.jpg) no-repeat top
}

@media only screen and (min-width: 768px) {
    #databases-bg {
        background: url(../_img/young-couple-using-laptop-isolated.png) no-repeat 300px -20px, url(../_img/young-couple-using-laptop-background.jpg) no-repeat top
    }
}

@media only screen and (min-width: 992px) {
    #databases-bg {
        background: url(../_img/young-couple-using-laptop-isolated.png) no-repeat 80% -20px, url(../_img/young-couple-using-laptop-background.jpg) no-repeat top
    }
}

@media only screen and (min-width: 1200px) {
    #databases-bg {
        background: url(../_img/young-couple-using-laptop-isolated.png) no-repeat 60% -20px, url(../_img/young-couple-using-laptop-background.jpg) no-repeat top
    }
}
/* ---------- Digital Shelf Page ---------- */
.tile {
    min-height: 200px;
    border: none !important;
    margin: 0 !important;
    box-shadow: hsla(0,0%,0%,0.30) 2px 2px 5px
}

    .tile img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        bottom: -140px !important;
        position: relative
    }

#digital-shelf-header {
    background: url(../_img/headphones-half.png) no-repeat 101% 20px, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
}

#ebooks-block {
    background: url(../_img/background-tablet-in-bookshelf-ebook-concept.png) no-repeat center;
    background-size: cover
}

#emagazines-block {
    background: url(../_img/background-tablet-digital-magazine-concept-overlay.png) no-repeat center;
    background-size: cover
}

#music-block {
    background: url(../_img/background-smart-phone-with-headphones.png) no-repeat center;
    background-size: cover
}

#movies-block {
    background: url(../_img/background-girl-watching-movie.png) no-repeat center;
    background-size: cover
}

@media only screen and (min-width: 768px) {
    #digital-shelf-header {
        background: url(../_img/virtual-magazine-rack-book-in-tablet.png) no-repeat 120% 30px, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
    }
}

@media only screen and (min-width: 992px) {
    #digital-shelf-header {
        background: url(../_img/senior-man-listening-to-music-library-card-lg.png) no-repeat 120% bottom, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
    }
}

@media only screen and (min-width: 1200px) {
    #digital-shelf-header {
        background: url(../_img/senior-man-listening-to-music-library-card-lg.png) no-repeat 85% bottom, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
    }
}
/* eGovernment */
#egovernment-bg {
    background: url(../_img/american-flag-border.png) no-repeat -50px top, url(../_img/white-marble-stone-background.png) no-repeat top center
}

@media only screen and (min-width: 768px) {
    #egovernment-bg {
        background: url(../_img/american-flag-border.png) no-repeat left top, url(../_img/white-marble-stone-background.png) no-repeat top center
    }
}
/* Exhibitions at the Library */
#exhibitions-heading-background {
    background: url(../_img/watercolor-border.gif) no-repeat top;
    background-size: cover
}
/* Fines & Fees */
#fines-fees-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #fines-fees-bg {
        background: url(../_img/us-currency-coin-stack.png) no-repeat 150% 30px
    }
}

@media only screen and (min-width: 992px) {
    #fines-fees-bg {
        background: url(../_img/us-currency-coin-stack.png) no-repeat 90% 30px
    }
}
/* Gale Cengage */
#gale-cengage-bg {
    background: url(../_img/laptop-notebook-coffee-border.png) no-repeat top
}
/* Holiday Schedule */
#holiday-schedule-bg {
    background: url(../_img/downtown-miami-aerial.jpg) no-repeat top;
    background-size: cover
}
/* hoopla */
#hoopla-bg {
    background: url(../_img/hoopla-logo-background-light.gif) no-repeat;
    background-size: cover
}
/* InterLibrary Loan */
#interlibrary-loan-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #interlibrary-loan-bg {
        background: url(../_img/library-patron-checking-out-book-background.jpg) no-repeat right top
    }
}
/* Jump Start */
#jump-start-bg {
    background: url(../_img/hand-puppet-background.jpg) no-repeat;
    background-size: cover
}

#hand-puppet-background {
    background: none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #hand-puppet-background {
        background: url(../_img/hand-puppet.png) no-repeat 125% 20px
    }
}

@media only screen and (min-width: 992px) {
    #hand-puppet-background {
        background: url(../_img/hand-puppet.png) no-repeat right 20px
    }
}
/* Library Card */
#library-card-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #library-card-bg {
        background: url(../_img/library-card-2015-styled.png) no-repeat 105% 80px
    }
}

@media only screen and (min-width: 992px) {
    #library-card-bg {
        background: url(../_img/library-card-2015-styled.png) no-repeat 85% 80px
    }
}

@media only screen and (min-width: 1200px) {
    #library-card-bg {
        background: url(../_img/library-card-2015-styled.png) no-repeat 75% 80px
    }
}
/* Meeting Room Rental */
#meeting-room-bg {
    background: url(../_img/conference-room-background.png) no-repeat bottom
}
/* Mobile Library */
#mobile-library-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #mobile-library-bg {
        background: url(../_img/mobile-library-heading-truck.png) no-repeat right 50px, url(../_img/mobile-library-heading-background.jpg) no-repeat 100px -20px
    }
}

@media only screen and (min-width: 992px) {
    #mobile-library-bg {
        background: url(../_img/mobile-library-heading-truck.png) no-repeat 101% 50px, url(../_img/mobile-library-heading-background.jpg) no-repeat right -20px
    }
}
/* Mobile Printing */
#mobile-printing-bg {
    background: url(../_img/futuristic-background-top-border.jpg) no-repeat top center
}

@media only screen and (min-width: 768px) {
    #mobile-printing-bg {
        background: url(../_img/wireless-printing-from-tablet.png) no-repeat 115% 50px, url(../_img/futuristic-background-top-border.jpg) no-repeat top center
    }
}

@media only screen and (min-width: 992px) {
    #mobile-printing-bg {
        background: url(../_img/wireless-printing-from-tablet.png) no-repeat 105% 50px, url(../_img/futuristic-background-top-border.jpg) no-repeat top center
    }
}

@media only screen and (min-width: 1200px) {
    #mobile-printing-bg {
        background: url(../_img/wireless-printing-from-tablet.png) no-repeat 75% 50px, url(../_img/futuristic-background-top-border.jpg) no-repeat top center
    }
}
/* Ms Humblebees Academy */
#ms-humblebee-bg {
    background: url(../_img/grass-border.png) no-repeat bottom center, #ECF7FA
}

#well-misshumblebee {
    background-color: #E2DDBC;
    color: #626034;
}
/* Museum Pass */
#museum-pass-bg {
    background: url(../_img/museum-pass/downward-spotlights.png) no-repeat top center, url(../_img/wall-empty-room-bg.jpg) no-repeat center -50px, url(../_img/wall-empty-room-bottom-bg.jpg) no-repeat bottom center
}

@media only screen and (min-width: 768px) {
    #museum-pass-bg {
        background: url(../_img/museum-pass/downward-spotlights.png) no-repeat top center, url(../_img/museum-pass/sculpture-abstract.png) no-repeat 110% 30px, url(../_img/wall-empty-room-bg.jpg) no-repeat center -50px, url(../_img/wall-empty-room-bottom-bg.jpg) no-repeat bottom center
    }
}

@media only screen and (min-width: 992px) {
    #museum-pass-bg {
        background: url(../_img/museum-pass/downward-spotlights.png) no-repeat top center, url(../_img/museum-pass/sculpture-abstract.png) no-repeat 105% 30px, url(../_img/wall-empty-room-bg.jpg) no-repeat center -50px, url(../_img/wall-empty-room-bottom-bg.jpg) no-repeat bottom center
    }
}

@media only screen and (min-width: 1200px) {
    #museum-pass-bg {
        background: url(../_img/museum-pass/downward-spotlights.png) no-repeat top center, url(../_img/museum-pass/sculpture-abstract.png) no-repeat 90% 30px, url(../_img/wall-empty-room-bg.jpg) no-repeat center -50px, url(../_img/wall-empty-room-bottom-bg.jpg) no-repeat bottom center
    }
}
/* Passport Services */
#passport-header-background {
    background: url(../_img/airport-terminal-heading.png) no-repeat center -70px, url(../_img/airplane-isolated.png) no-repeat 85% -20px, url(../_img/airport-terminal-tarmac-heading.jpg) no-repeat center -80px;
    padding-top: 120px
}

#bg-passport-stamps {
    background: url(../_img/passport-stamps-background.gif) no-repeat bottom center;
    background-size: cover
}
/* Permanent Art Collection */
#permanent-collection-bg {
    background: url(../_img/museum-gallery-border.jpg) no-repeat top;
    background-size: contain
}
/* Press Release Index */
#newspaper-bg {
    background: url(../_img/newsprint-paper-blank-bg.jpg) no-repeat top;
    background-size: cover
}

#latest-news-heading {
    font-size: 2.5em;
    line-height: .8em;
    margin-top: 50px
}

    #latest-news-heading .small {
        font-size: .5em;
    }

@media only screen and (min-width: 768px) {
    #latest-news-heading {
        font-size: 4em;
        line-height: .6em;
        margin-top: 60px
    }

        #latest-news-heading .small {
            font-size: .5em;
        }
}

@media only screen and (min-width: 1200px) {
    #latest-news-heading {
        font-size: 4em;
        line-height: .6em;
        margin-top: 70px
    }
}
/* Project LEAD */
#project-lead-bg {
    background: none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #project-lead-bg {
        background: url(../_img/adults-studying-together.jpg) no-repeat 250px bottom
    }
}

@media only screen and (min-width: 992px) {
    #project-lead-bg {
        background: url(../_img/adults-studying-together.jpg) no-repeat right 120%
    }
}

@media only screen and (min-width: 1200px) {
    #project-lead-bg {
        background: url(../_img/adults-studying-together.jpg) no-repeat 80% 120%
    }
}
/* Special Events */
#special-events-bg {
    background: url(../_img/forest-border-background.jpg) no-repeat top;
    background-size: contain
}

#boy-king {
    background: url(../_img/boy-playing-as-king.png) no-repeat 110% -20px
}

@media only screen and (min-width: 768px) {
    #boy-king {
        background: url(../_img/boy-playing-as-king.png) no-repeat 80% 10px
    }
}
/* Staff Picks */
#open-book-bg {
    /*background:url(../../../_img/book-open-half-sm.png) no-repeat right 10px*/
}

@media only screen and (min-width: 768px) {
    #open-book-bg {
        background: url(../../../_img/book-open-half-lg.png) no-repeat right -20px
    }
}
/* Talking Books */
#talking-books-bg {
    background: url(../_img/braille-book-border.jpg) no-repeat center top
}

@media only screen and (min-width: 768px) {
    #talking-books-bg {
        background: url(../_img/fingers-reading-braille.png) no-repeat 80% top, url(../_img/braille-book-border.jpg) no-repeat center top
    }
}

@media only screen and (min-width: 992px) {
    #talking-books-bg {
        background: url(../_img/fingers-reading-braille.png) no-repeat 80% top, url(../_img/braille-book-border.jpg) no-repeat center top
    }
}
/* The Library for Teens */
#teens-header-background {
    position: relative;
    background: url(../_img/teenagers-outdoors-top-border.gif) no-repeat;
    background-position: bottom;
    background-size: cover;
    z-index: 1;
    margin-bottom: -52px;
    padding-top: 120%;
}

    #teens-header-background img {
        position: relative;
        margin-top: -117%;
        padding-left: 20px;
        padding-right: 20px
    }

@media only screen and (min-width: 768px) {
    #teens-header-background {
        position: relative;
        background: url(../_img/teenagers-outdoors-top-border.gif) no-repeat;
        background-position: bottom;
        background-size: cover;
        z-index: 1;
        margin-bottom: -52px;
        padding-top: 40%;
    }

        #teens-header-background img {
            position: relative;
            margin-top: -37%;
            padding-left: 50px;
            padding-right: 50px
        }
}

@media only screen and (min-width: 1200px) {
    #teens-header-background {
        position: relative;
        background: url(../_img/teenagers-outdoors-top-border.gif) no-repeat;
        background-position: bottom;
        background-size: cover;
        z-index: 1;
        margin-bottom: -52px;
        padding-top: 30%;
    }

        #teens-header-background img {
            position: relative;
            margin-top: -29%
        }
}

.block {
    min-height: 175px
}

.block-heading {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    color: white;
    text-shadow: hsla(0,0%,0%,0.80) 0 0 10px
}

#book-space-block {
    background: url(../_img/teen-browsing-book-shelves.jpg) no-repeat center;
    background-size: cover
}

#homework-help-block {
    background: url(../_img/eager-student-with-books.jpg) no-repeat center;
    background-size: cover
}

#college-block {
    background: url(../_img/college-graduates-celebrating-rear-shot.jpg) no-repeat center;
    background-size: cover
}

#careers-block {
    background: url(../_img/group-of-diverse-people-and-jobs.jpg) no-repeat center;
    background-size: cover
}

#health-relationships-block {
    background: url(../_img/young-couple-doing-yoga-on-beach.jpg) no-repeat center;
    background-size: cover
}

#volunteering-block {
    background: url(../_img/hands-raised-volunteers.jpg) no-repeat center;
    background-size: cover
}

.book-cover {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px
}

#background-book-space {
    background: url(../_img/background-teen-browsing-book-shelf.png) no-repeat bottom right; /* For browsers that do not support gradients */
    background: url(../_img/background-teen-browsing-book-shelf.png) no-repeat bottom right, -webkit-linear-gradient(white, #FFEDCB); /* For Safari 5.1 to 6.0 */
    background: url(../_img/background-teen-browsing-book-shelf.png) no-repeat bottom right, -o-linear-gradient(white, #FFEDCB); /* For Opera 11.1 to 12.0 */
    background: url(../_img/background-teen-browsing-book-shelf.png) no-repeat bottom right, -moz-linear-gradient(white, #FFEDCB); /* For Firefox 3.6 to 15 */
    background: url(../_img/background-teen-browsing-book-shelf.png) no-repeat bottom right, linear-gradient(white, #FFEDCB); /* Standard syntax */
}

#background-homework-help {
    background: url(../_img/background-eager-student-holding-books.png) no-repeat bottom right; /* For browsers that do not support gradients */
    background: url(../_img/background-eager-student-holding-books.png) no-repeat bottom right, -webkit-linear-gradient(white, #A2C671); /* For Safari 5.1 to 6.0 */
    background: url(../_img/background-eager-student-holding-books.png) no-repeat bottom right, -o-linear-gradient(white, #A2C671); /* For Opera 11.1 to 12.0 */
    background: url(../_img/background-eager-student-holding-books.png) no-repeat bottom right, -moz-linear-gradient(white, #A2C671); /* For Firefox 3.6 to 15 */
    background: url(../_img/background-eager-student-holding-books.png) no-repeat bottom right, linear-gradient(white, #A2C671); /* Standard syntax */
}

#background-college {
    background: url(../_img/background-graduates-celebrating-rear-shot.png) no-repeat bottom right; /* For browsers that do not support gradients */
    background: url(../_img/background-graduates-celebrating-rear-shot.png) no-repeat bottom right, -webkit-linear-gradient(white, #CBF1FF); /* For Safari 5.1 to 6.0 */
    background: url(../_img/background-graduates-celebrating-rear-shot.png) no-repeat bottom right, -o-linear-gradient(white, #CBF1FF); /* For Opera 11.1 to 12.0 */
    background: url(../_img/background-graduates-celebrating-rear-shot.png) no-repeat bottom right, -moz-linear-gradient(white, #CBF1FF); /* For Firefox 3.6 to 15 */
    background: url(../_img/background-graduates-celebrating-rear-shot.png) no-repeat bottom right, linear-gradient(white, #CBF1FF); /* Standard syntax */
}

#background-careers {
    background: url(../_img/background-group-of-diverse-people-and-jobs.png) no-repeat bottom right; /* For browsers that do not support gradients */
    background: url(../_img/background-group-of-diverse-people-and-jobs.png) no-repeat bottom right, -webkit-linear-gradient(white, #F3C56D); /* For Safari 5.1 to 6.0 */
    background: url(../_img/background-group-of-diverse-people-and-jobs.png) no-repeat bottom right, -o-linear-gradient(white, #F3C56D); /* For Opera 11.1 to 12.0 */
    background: url(../_img/background-group-of-diverse-people-and-jobs.png) no-repeat bottom right, -moz-linear-gradient(white, #F3C56D); /* For Firefox 3.6 to 15 */
    background: url(../_img/background-group-of-diverse-people-and-jobs.png) no-repeat bottom right, linear-gradient(white, #F3C56D); /* Standard syntax */
}

#background-health-relationships {
    background: url(../_img/background-young-couple-doing-yoga-on-beach.png) no-repeat bottom right; /* For browsers that do not support gradients */
    background: url(../_img/background-young-couple-doing-yoga-on-beach.png) no-repeat bottom right, -webkit-linear-gradient(white, #B7C6A2); /* For Safari 5.1 to 6.0 */
    background: url(../_img/background-young-couple-doing-yoga-on-beach.png) no-repeat bottom right, -o-linear-gradient(white, #B7C6A2); /* For Opera 11.1 to 12.0 */
    background: url(../_img/background-young-couple-doing-yoga-on-beach.png) no-repeat bottom right, -moz-linear-gradient(white, #B7C6A2); /* For Firefox 3.6 to 15 */
    background: url(../_img/background-young-couple-doing-yoga-on-beach.png) no-repeat bottom right, linear-gradient(white, #B7C6A2); /* Standard syntax */
}

#background-volunteering {
    background: url(../_img/background-hands-raised-volunteers.png) no-repeat bottom right; /* For browsers that do not support gradients */
    background: url(../_img/background-hands-raised-volunteers.png) no-repeat bottom right, -webkit-linear-gradient(white, #77CFEF); /* For Safari 5.1 to 6.0 */
    background: url(../_img/background-hands-raised-volunteers.png) no-repeat bottom right, -o-linear-gradient(white, #77CFEF); /* For Opera 11.1 to 12.0 */
    background: url(../_img/background-hands-raised-volunteers.png) no-repeat bottom right, -moz-linear-gradient(white, #77CFEF); /* For Firefox 3.6 to 15 */
    background: url(../_img/background-hands-raised-volunteers.png) no-repeat bottom right, linear-gradient(white, #77CFEF); /* Standard syntax */
}
/* YOUmedia */
#youmedia-bg {
    background: url(../_img/youmedia/youmedia-background.gif) no-repeat top center
}

#youmediamiamilogo {
    margin: 0 0 20px -20px
}
/* Vasari Project */
#vasari-project-bg {
    background: none
}

@media only screen and (min-width: 768px) {
    #vasari-project-bg {
        background: url(../_img/vintage-80s-pattern-border.gif) no-repeat top right;
        background-size: auto
    }
}
/* Volunteer */
#volunteer-bg {
    background: url(../_img/hands-reaching-up-sm.png) no-repeat 90% 20px, url(../_img/neutral-gradient-background.gif) repeat-x bottom
}

@media only screen and (min-width: 768px) {
    #volunteer-bg {
        background: url(../_img/hands-reaching-up.png) no-repeat 400px 30px, url(../_img/neutral-gradient-background.gif) repeat-x bottom
    }
}

@media only screen and (min-width: 992px) {
    #volunteer-bg {
        background: url(../_img/hands-reaching-up.png) no-repeat 120% 30px, url(../_img/neutral-gradient-background.gif) repeat-x bottom
    }
}

@media only screen and (min-width: 1200px) {
    #volunteer-bg {
        background: url(../_img/hands-reaching-up.png) no-repeat 90% 30px, url(../_img/neutral-gradient-background.gif) repeat-x bottom
    }
}
/* Autism Awareness Month */
#autism-awareness-bg {
    background-color: #fffee5
}

@media only screen and (min-width: 768px) {
    #autism-awareness-bg {
        background: url(../_img/autism-awareness/autism-puzzle-book.png) no-repeat 90% 20px;
        background-color: #fffee5
    }
}
/* Black History Month Photo Contest */
#bhm-photo-contest-bg {
    background: url(../../../_img/black-history-month/tiger-pattern-bg.png) no-repeat center, #d0e398;
    background-size: cover
}
/* Digitization Survey */
#digitization-survey {
    background: url( ../../_img/romer-postcards.png) no-repeat 130% center, url(../_img/abstract-cubes-retro-styled.gif) no-repeat center
}

@media only screen and (min-width: 992px) {
    #digitization-survey {
        background: url( ../../_img/romer-postcards.png) no-repeat 110% center, url(../_img/abstract-cubes-retro-styled.gif) no-repeat center
    }
}
/* Free Lunch Program */
#free-lunch-bg {
    background: none;
    background-color: #fffcdf
}

@media only screen and (min-width: 768px) {
    #free-lunch-bg {
        background: url(../_img/kids-school-lunch.png) no-repeat 350px 30px;
        background-color: #fffcdf
    }
}

@media only screen and (min-width: 992px) {
    #free-lunch-bg {
        background: url(../_img/kids-school-lunch.png) no-repeat 115% 30px;
        background-color: #fffcdf
    }
}

@media only screen and (min-width: 1200px) {
    #free-lunch-bg {
        background: url(../_img/kids-school-lunch.png) no-repeat 80% 30px;
        background-color: #fffcdf
    }
}