:focus, button:focus{
	outline-offset: 4px !important;
    outline: 3px dotted #FF9802 !important;
}
#searchSelectOptions:hover{
	background-color: #039BE5!important;
}
    
.libraryBGimage{
	height:256px;
}

html {
  font-size: 100%;
}
body {
  -webkit-transition: background 1s ease, font-size 0.7s linear;
  transition: background 1s ease, font-size 0.7s linear;
}
input,
textarea,
keygen,
select,
button {
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
}
.accessibility-font {
/* First font-size fallback to older browsers*/
  font-size: 1.25em;
  font-size: 1.25rem;
}
.accessibility-font input,
.accessibility-font textarea,
.accessibility-font keygen,
.accessibility-font select,
.accessibility-font button {
/* The default font-size of these elements is approximately 20% less than the body */
  font-size: 1.041625em;
  font-size: 1.04163rem;
}
.accessibility-contrast {
  color: #fff;
  background: #000;
  background-color:#000 !important;
}

button.flickity-button{
	min-width:auto;
}
#libraryAnnouncements > div > ol{
	display:none;
}
#libraryAnnouncements > div > button.flickity-button.flickity-prev-next-button.previous, #libraryAnnouncements > div > button.flickity-button.flickity-prev-next-button.next{
	background-color:transparent;
	width:25px;
	height:25px;
}
.carousel-cell {
    max-height: 400px;
    width: 100%;
}
.lcnb_date{
	display:none!important;
}

.libraryHeadBar .headBtn {
	padding-left:0!important;
	font-size:1.75rem!important;
    background-color: transparent !important;
    color: #1C2A48 !important;
    box-shadow: none !important;
}

/**translate**/

#WidgetFloaterPanels {
    display: none!important;
}
#WidgetFloater {
    display: none!important;
}
#FloaterSharePanel {
    display: none!important;
}
#FloaterEmbed {
    display: none!important;
}
.no-hover:hover {
	color: #fff !important;
}
.tr-dd-link:link, .tr-dd-link:visited {
    color: #fff;
}
.tr-dd--loaded .tr-dd-link {display: block;}
.tr-dd-link {
    text-align: left;
    margin-left: 0;
    line-height: 1;
    padding: 1em 1.4em;
    color: #fff;
    display: none;
    font-size: 12px;
    font-size: .75rem;
    font-range: 480px 1440px;
}
.tr-dd-link, .tr-link {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: block;
    min-width: 45px;
    text-align: center;
    margin-left: 1.4em;
    color: #288be4;
}
.tr-dd {
    display: none;
    position: absolute;
    margin: 74px 7px;
    list-style: none;
    padding: 0;
    background-color: #1d2b48;
    right: 0;
    width: 208px;
    z-index: 0;}
.tr-dd li {
    padding: 0;
    margin: 0;
}
.showtr{display:block !important;}

/* Header Styles */

nav.navbar.fixed-top.navbar-toggleable-md.navbar-expand-lg.scrolling-navbar.double-nav.no-print {
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  transition-property: all .5s ease-out;

}
.libraryNav{
	color:white;
	font-size:2rem!important;
}
.mobileNav{
	color:white;
}
#search input[type="search"] {
	height: 100px /*5.0rem*/;
	/*margin-top:64px!important;*/
}
/*.librarySearchOptions{
	position:absolute; 
	top:8%; 
	right:50%
}
#search #libSearchOps .btn {
    position: absolute;
    bottom: 88%;
    left: 53%;
}*/
#libSearchOps{
	background-color: white;
    width: 100%;
    height: 150px;
    z-index: 55;
    margin-right: 0px;
    margin-left: 0px;
    box-shadow: 0 0 6px 2px rgba(40, 40, 40, 0.3);
}
#search #libMainSearch{
	box-shadow:none;
}
#libSearchOps .select-wrapper input.select-dropdown{
	z-index:2
} 
#search #libMainSearch{
	margin-left:0px;
}   
/* media queries */
@media screen and (min-width:768px){
	.libraryHelp{
		float:right;
		position:static;
		display:block!important;
		clear:both;
		z-index: 300;
		top: auto;
		bottom:100px;
		right:0px;
		box-shadow: 0 0 0 0;
		padding: 2.13rem .8rem;
		margin: 0px;
		width:42px;
		font-size:1rem;
		letter-spacing:2px;
		line-height:1rem;
		font-weight:300;
	}
}
@media screen and (max-width: 767px) {
.libraryBGimage{
	height:315px;
}

	/*.librarySearchOptions{
		position:absolute; 
		top:8%; 
		right:44%
	}
	#search #libSearchOps .btn {
		position: absolute;
		bottom: 87%;
		left: 61%;
	}*/
	
	#libraryHelp.libraryHelp:before{
		display: inline-block;
		font-family: "Font Awesome 5 Pro"!important;
		font-weight:300;
		font-size: 20px;
		content: '\f128'!important;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		padding-right:10px;
	}
	.libraryHelp{
		box-shadow: 0 0 0 0;	
		border-radius:0;
		margin:0!important;
		padding:9px 20px;
		text-transform:none;
		font-size:16px;
		font-weight:300;
	}
	#alertsWrap {
		display: none;
		padding: 0 20px;
		min-height:auto;
	}
	.exclamation-circle {
		display: none;
	}
	#alert_arrows {
		position: absolute;
		display: inline-flex;
		float: left;
		top: .25rem;
	}
	#alerts {
		padding-top: 30px;
		height: auto;
	}
	.alerts_list {
		/*     padding-top: 50px; */
		padding: 10px;
		margin-left: 0;
		margin-right: 0
	}
	.nav.navbar.fixed-top.navbar-toggleable-md.navbar-expand-lg.scrolling-navbar.double-nav.no-print {
		margin-top: 130px;
	}
	.slick-track {
		border-top: 3px solid #ef8d00 !important;
		margin-top: 4px !important;
	}
	.libraryNav{
		font-size:2rem!important;
	}
	.navbar a.nav-link{
		padding-left:3px;
		padding-right:3px;

	}

	.fixed-sn main, .hidden-sn main {
    	padding-top: 5rem;
	}
	
	.ms-siteicon-img {
	    max-width: 160px!important;

	}
} 


.breadcrumb-item+.breadcrumb-item::before {
    display: none!important;
}

select::-ms-expand {
display: none;
}

.librarylayoutWrapper {
    padding-top: 5.5rem!important;
}

.libraryNewsSection .lcnb_broward_theme .lcnb_cmd span:before{
	color:black;
}

.btn-library {
  background-color: #039BE5;
}

.coverItemNEW {
  margin: 0 15px;
  height: 150px
}

.libraryBGimage {
  background: url("/Style%20Library/V6/img/HomeHero/hero4.jpg") bottom center no-repeat;
  background-size: cover;
}

.libraryHeadBar {
  background: rgba(255, 255, 255, 0.7);
  height: 65px;
}

.mdb-select option {
  z-index: 0;
}

#librarySearchInput {
  height: 4rem;
}

#librarySearch .row {
  padding-top: 75px;
}

.libraryTitle h1 {
  font-size: 2rem;
  font-weight: 700;
}

.libraryEvent{
	font-size:1.2rem;
}

#librarySearch a {
  box-shadow: 0 0 0 0;
  border-radius: 0;
  padding: 1.1rem 1rem .85rem 1rem;
}

#librarySearch .select-wrapper span.caret {
  right: 11px;
  top: 25px;
  z-index: 99;
}

.libraryArticleTitles li {
  list-style: none;
  border-bottom: 1px solid #eaeaea;
  margin-right: -15px;
}

.libraryArticleTitles > li > h6 {
  list-style: none;
  font-weight:500;
  margin-bottom: 0;
}

.options-list {
  top: 20%
}

#accessibility-font {
  font-weight: 300;
}

#accessibility-contrast {
  font-weight: 300;
}

#translate {
  font-weight: 300;
}

#libraryFooter .card {
  background: transparent;
  border: 2px #EEEEEE solid;
  box-shadow: 0 0 0 0;
  border-radius: 0 !important;
}

#libraryFooter .card-body {
  padding: 0px;
}

#libraryFooter .card:hover {
  background: #EEEEEE;
  border: 2px #EEEEEE solid;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .16), 0 4px 10px 0 rgba(0, 0, 0, .12);
  border-radius: 0 !important;
  color: black !important;
}

#libraryFooter .card-title {
  text-align: left;
  font-size: 1rem!important;
  padding: 20px 10px;
  color: white;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0px;
}

#libraryFooter .card-title a {
  cursor: pointer;
}

.libraryWrapper {
  padding-top: 5rem !important;
}

#libraryFooter .card-title:hover {
  color: black;
}

@media screen and (min-width:992px) {
  #sengines {
    height: 4rem !important;
    left: 6px;
    font-family: Arquette;
    font-weight: 300 !important;
  }
  #sengines option {
    font-family: Arquette !important;
    font-weight: 300 !important;
    padding: 5px 2px 5px 2px !important;
    min-height: 1.2rem !important;
  }
  #librarySearchInput {
    padding-bottom: 5px;
    text-indent: 10px;
    font-size:1.25rem;
  }
  .libraryContainer {
    margin-top: 70px !important;
    padding-right: 0px !important;
  }
  #librarySearch .form-group .browser-default {
    width: 100% !important;
    padding: .475rem 0rem .425rem .75rem !important;
    margin-left: -.375rem !important;
    margin-right: .375rem !important;
    font-size: 1rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0 !important;
  }
  #librarySearch .form-group .md-form {
    display: block;
    width: 100% !important;
    padding: .475rem 0rem .425rem .75rem !important;
    margin: 0 .375rem -.375rem 0!important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 300 !important;
  }
  #newReleases .slick-prev {
    left: -20px;
  }
  #newReleases .slick-next {
    right: -20px;
  }
  .libraryQL .slick-prev {
    left: -20px;
  }
  .libraryQL .slick-next {
    right: -20px;
  }
  .librarySearchArea {
    margin-top: 3.5rem;
  }
}

@media screen and (max-width:992px) {
  .librarySearchArea {
    margin-top: 2rem;
  }
  .libraryContainer {
    padding-right: 35px !important;
  }
  .libraryWrapper {
    padding-top: 5rem !important;
  }
  #newReleases .slick-prev {
    display: none !important;
  }
  #newReleases .slick-next {
    display: none !important;
  }
  /*** search function styling **/
  #sengines {
    height: 3rem !important;
    left: 6px;
  }
  #librarySearch .form-group .md-form {
  	width:100%;
    display: block;
    padding: .375rem 0rem .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 300 !important;
  }
  #librarySearchInput input{
    height: 3.1rem;
    margin: 0 5px;
   	text-indent: 10px;
  }
  
  #librarySearch .row {
    padding-top: 35px;
  }
  #librarySearch .form-group .browser-default {
    padding: .375rem 0rem .375rem .75rem !important;
    font-size: 1rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0 !important;
  }
  #librarySearch a {
    padding: .75rem;
    height: 47px !important;
  }
  .select-wrapper input.browser-default {
    height: 2.1rem !important;
  }
  #librarySearch .select-wrapper span.caret {
    right: 20px;
    top: 15px;
    z-index: 99;
  }
  .divider-broward .broward-titles {
    font-size: 2rem !important;
  }
}

/*** Cover Links Styles (based on Quick Links) ***/

#newReleases .slick-track, #quickLinks .slick-track {
  border-top: none !important;
}

#newReleases .slick-slide {
  border-top: none !important;
  margin: 0px 16px;
}

.coverItem {
  border: none !important;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
  max-width: 150px !important;
  margin-right: 25px;
  margin-left: 25px;
}

.coverItem img {
  border: none !important;
  border-radius: 6px;
  margin-right: 25px;
  margin-left: 25px;
}

.coverItem a:visited {
  color: #0277BD !important;
  border: none !important;
}
#search .btn{
	position:relative;
	bottom:0;
}
/* Library Alert Banner Styles */

div#zz1_TopNavigationMenuV4/*.navbar-desktop.noindex.ms-core-listMenu-horizontalBox*/ {
  /*top: 8.5rem;*/
  top: 7.8rem;
}
div#zz1_TopNavigationMenuV4/*.navbar-desktop.noindex.ms-core-listMenu-horizontalBox*/ {
  /*top: 4.7rem;*/
  top: 5rem;
}

@media screen and (max-width:546px) {
  .libraryWrapper {
    padding-top: 4rem !important;
  }
  .libraryHeadBar {
    background: rgba(255, 255, 255, 0.7);
    height: 145px;
  }
  .libraryTitle h1 {
    font-size: 2rem;
    font-weight: 700;
  }
  .libraryContainer {
    margin-top: 35px !important;
    padding-right: 15px !important;
  }
  .nav-link {
    font-size: 1rem;
  }
}