.link, a{text-decoration: underline;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1170px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1170px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1170px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1170px;}
.bodysize{max-width: 1170px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #333333;}
.link:hover, a:hover{color: #337ab7;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #c7c7c7;}
body{
		color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#ffffff;
	}
#default_footer a{
		text-decoration: underline;
		color:#ffffff;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ffffff;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#ffffff));
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	border: 1px solid #0074b3;
	color: #0074b3;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #0074b3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074b3), color-stop(50%,#0074b3), color-stop(51%,#0074b3), color-stop(100%,#0074b3));
	background: -moz-linear-gradient(top,  #0074b3 0%, #0074b3 50%, #0074b3 51%, #0074b3 100%);
	background: -webkit-linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: -o-linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: -ms-linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074b3', endColorstr='#0074b3',GradientType=0 );
	border: 1px solid #0074b3;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #0074b3;
	text-decoration:none;
}
.button-strip-active a{
	color: #ffffff;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 1px solid #0074b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #333333;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #0074b3;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #ffffff;
	color: #0074b3;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #c7c7c7;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: bold;
	background: #005380;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005380), color-stop(50%,#005380), color-stop(51%,#005380), color-stop(100%,#005380));
	background: -moz-linear-gradient(top,  #005380 0%, #005380 50%, #005380 51%, #005380 100%);
	background: -webkit-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -o-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -ms-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005380', endColorstr='#005380',GradientType=0 );
	color: #ffffff;
}
.vtab{
	font-weight: bold;
	background: #005380;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#005380), color-stop(50%,#005380), color-stop(51%,#005380), color-stop(100%,#005380));
	background: -moz-linear-gradient(-90deg,  #005380 0%, #005380 50%, #005380 51%, #005380 100%);
	background: -webkit-linear-gradient(-90deg,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -o-linear-gradient(-90deg,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -ms-linear-gradient(-90deg,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: linear-gradient(-90deg,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #0074b3;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#0074b3), color-stop(50%,#0074b3), color-stop(51%,#0074b3), color-stop(100%,#0074b3));
	background: -moz-linear-gradient(-90deg,  #0074b3 0%, #0074b3 50%, #0074b3 51%, #0074b3 100%);
	background: -webkit-linear-gradient(-90deg,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: -o-linear-gradient(-90deg,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: -ms-linear-gradient(-90deg,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: linear-gradient(-90deg,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074b3', endColorstr='#0074b3',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #005380;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005380), color-stop(50%,#005380), color-stop(51%,#005380), color-stop(100%,#005380));
	background: -moz-linear-gradient(top,  #005380 0%, #005380 50%, #005380 51%, #005380 100%);
	background: -webkit-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -o-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -ms-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005380', endColorstr='#005380',GradientType=0 );

	color: #ffffff;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border-top: 0px solid #000000;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #0074b3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074b3), color-stop(50%,#0074b3), color-stop(51%,#0074b3), color-stop(100%,#0074b3));
	background: -moz-linear-gradient(top,  #0074b3 0%, #0074b3 50%, #0074b3 51%, #0074b3 100%);
	background: -webkit-linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: -o-linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: -ms-linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	background: linear-gradient(top,  #0074b3 0%,#0074b3 50%,#0074b3 51%,#0074b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074b3', endColorstr='#0074b3',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #000000;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/mdpls/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 1px solid #135a92;
	background-color: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #ffffff;
	font-weight: bold;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 1px 1px 0px 0px;
	border-radius: 1px 1px 0px 0px;
	background: #005380;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005380), color-stop(50%,#005380), color-stop(51%,#005380), color-stop(100%,#005380));
	background: -moz-linear-gradient(top,  #005380 0%, #005380 50%, #005380 51%, #005380 100%);
	background: -webkit-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -o-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: -ms-linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	background: linear-gradient(top,  #005380 0%,#005380 50%,#005380 51%,#005380 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005380', endColorstr='#005380',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px 1px 1px;
	border-radius: 0px 0px 1px 1px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #333333;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #333333;
	border-color: #333333;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #333333;
}
.polaris-nav-active i{
	color: #333333;
}
.widgetbody hr{
	color: #c7c7c7;
	background-color: #c7c7c7;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #c7c7c7;
}
.bottomrule{
	border-bottom: 1px solid #c7c7c7;
}
.bodytext{color: #333333;}
.headingtext{color: #333333;}
.cube-200
{
height:130px;

}
/*
/*EVENTS CALENDAR BANNER
.row.events-filter-row:after {
    content: "To request services in compliance with the American with Disabilities Act (ADA) such as materials in accessible format, sign language interpreters, and/or any accommodation to participate in any Miami-Dade Public Library System sponsored program or meeting, please email CustomerCare@mdpls.org or call Monica Martinez at 305-375-5094 five days in advance to initiate your request. TTY users may also call 711 (Florida Relay Service).";
	font-size: 17px;
  color: black;
  padding: 1em;
  text-align: center;
}
*/
/** Custom CSS Start **/

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.5!important
}
.btn-link, .btn-link:focus, .btn-link:hover {
    text-decoration: none!important;
}
 p a, p a:hover {
   text-decoration: underline;
}
a.button.registerForEvent {
   text-decoration: none;
}
.button {
  	text-decoration: none;
  	font-weight: 400;
    padding: 8px 18px;
  	transition: all .25s ease;
}
.button:hover {
  	text-decoration: none;
}
.text-shadow {
    color: #fff!important;
    text-shadow: 0 0 5px rgba(0,0,0,.8)
}
.text-shadow-white {
    text-shadow: 1px 1px 6px #ffffff;
}  
.header-shadow {
    text-shadow: 3px 4px 5px rgba(0,0,0,0.95);
}
.caption-shadow {
    text-shadow: 2px 2px 3px #000000;
}
.amss-results {
  padding: 0 20px; 
}

.p {
   line-height: 1.5;!important
}

/**HEADER**/
div#responsiveheader {
    display:none;
}

#library-mark {
    display: block!important;
    position: relative;
    max-width: 100%;
    height: auto;
    width: auto;
    min-height: 60px;
    background: url(https://mdpls.libnet.info/images/editor/mdpls/mdpls-mark-wide.svg) 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://mdpls.libnet.info/images/editor/mdpls/mdpls-mark.svg) no-repeat;
        background-size: contain;
        margin: 10px auto!important
    }
}

#header .dropdown-menu a {
  font-size: 14px; 
}
#search_type {
  width: 100px; 
}

#header_search {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0;
}
#header_search > form {
  padding: 0 5px; 
  flex-grow: 1;
  min-width: 220px;
  margin-bottom: 10px;
}

.space5 {
    clear: both;
    width: 100%;
    display: block;
    padding: 3px 0
}
.space10 {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0
}
.space30 {
    padding: 15px 0;
}
.padding-height-10 {
    padding: 10px 0!important
}
.margin-bottom-5 {
    margin-bottom: 5px!important
}
#client_header .btn-link, #client_header .btn-default {
  color: #333;
  text-decoration: none;
}
#client_header .btn-link:hover, #client_header .btn-link:focus {
    color: #23527c;
}
.margin-top-10 {
    margin-top: 10px!important;
}
.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: #23527c;
    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;
}
/**NAV**/
/*hides the default home tab - DO NOT DELETE */
.navbar-top ul.navbar-nav > li:nth-child(2) {
   	display: none;
}
/**EVENTS LISTING PAGE**/
/*Events listing title*/
.events-right > h1, .events-grid > h1 {
	font-size: 3.8em;
    margin-top: 14px;
  	margin-bottom: 14px;
    padding-bottom: 5px;
    font-weight: 400;
}
@media (min-width: 768px) {
.events-right {
    margin-left: 260px;
}
}
/*event listing date bar*/
.events-date-bar {
    font-size: 1.6em;
  	margin-bottom: 1em;
    font-weight: 600;
    padding: 10px 0;
  	border-top: 1px solid #bbbbbb;
  	border-bottom: 1px solid #bbbbbb;
}
/*event listing title*/
.eelisttitle a {
  	font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 0.5em;
  	text-decoration: none;
}
/*event listing date and time*/
div.eelisttime.headingtext {
  	color: #2c3e50!important;
}
/*event listing short description*/
.eelistdesc {
  font-size: 1.2em;
}
.eventRegButton {
  	margin-bottom: 0.75em;
}
.events-day-title > .events-date-string > .headingtext, .events-day-title >.events-date-range-string >.headingtext {
	color:  #333333!important; /*default #56585B*/
}
.events-left .tab-content {
	background: #ffffff;
}
@media (max-width: 768px){
  .events-details {
    margin-bottom: 20px;
  }
}
/*filters*/
#eventsearch {
  margin-bottom: 15px;
}
.events-filter-row {
    padding: 1em 2em 1em 2em;
  	margin-bottom: 0px;
}
.events-view-row {
  	padding: 5px 40px;
}
@media (max-width: 768px){
.events-filter-row {
    max-width: 768px;
    text-align: center;
}
}
/*filter buttons*/
@media (max-width: 768px){
.events-views {
    max-width: 768px;
    margin-top: 10px;
    text-align: center;
}
}
/**EVENT PAGES**/
/*border above and below the date, time and location info*/
#id4VX3g .amh-row, #idlw5ZC.amh-row.row {
  	border-top: 1px solid #bbbbbb;
  	padding: 8px 0;
}
/*event page sub title*/
#idaiMWo h3 {
	color: #333333; /*default #56585B*/
    font-size: 1.8em;;
	font-weight: 400;
}
/*event page date*/
#idm0vRo h4 {
  	color: #2d3e4f;
}
/*event description*/
#idiga4D p {
  	color:  #333333; /*default #56585B*/
}
/*event short description*/
#idjLXfv .custom1 {
  	color: #34485e;
    margin: 1em 0 0.5em 0;
    font-weight: 400;
    font-size: 1.3em;
}
/**** Upcoming Events widget ****/
/*widget title*/
#idsqaCW h4 {
  	font-size: 1.8em;
  	margin-bottom: 0.5em;
  	font-weight: 400;
  	color: #1d1d1d;
}
/*height of events listing widget*/
#idtvR3F .amev-event-list{
  	height: 580px;
}
/*date string in upcoming events widget*/
.amev-event-time > .headingtext {
  	color: #000000 !important;
}
.amev-event-title a {
    text-decoration: none;
}
.amev-event-description .eventRegButton {
  	font-size: 1em;
  	margin-bottom: 0.3em;
}
/*my events login page*/
.ammev-login {
    margin: 20px auto;
}
.amPopup {
    padding-bottom: 15px;
}
/** RESERVE **/
.amnp-holder {
    padding: 15px;
}

/* target email address help text in reserve form*/ 
div.amnp-reserve-screen-shared div div.row.amf-row:nth-child(3) .am-form-desc {
  font-size: 0px;
}
div.amnp-reserve-screen-shared div div.row.amf-row:nth-child(3) .am-form-desc:before {
  	content: "We'll use your email address to confirm the booking and notify you if the room becomes unavailable.";
  	font-size: 12.5px;
  	text-align: left;
	margin: 4px 0 0 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	display: block;
	width: 100%;
  opacity: unset;
  line-height: 1.5;
}
.datepicker table tr td.new,.datepicker table tr td.old {
    color: #666
}
.datepicker table tr td span.new,.datepicker table tr td span.old {
    color: #666
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    color: #666
}
/**FOOTER**/
#default_footer {
	display: none;
}

#footer {
    width: 100%;
    padding: 0;
    display: block;
    background-color: #005c99;
    font-family: inherit!important;
    font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
}
#footer,#footer a {
    color: #fff!important
}
#footer a:hover {
    color: #00aeef!important;
    text-decoration: none
}
#social-media-footer {
    background: #0b3352;
    margin-bottom: 10px
}
#social-media-footer a:hover {
    color: #0084cb!important;
}

.bg-mdpls-app {
    background: url(https://mdpls.libnet.info/images/tile/mdpls/mobile-device-mdpls-app-splash.png) no-repeat 80% center, url(https://mdpls.libnet.info/images/tile/mdpls/bg-seamless-shattered-green.png) repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bg-mdpls-app {
    background: url(https://mdpls.libnet.info/images/tile/mdpls/mobile-device-mdpls-app-splash.png) no-repeat 105% center, url(https://mdpls.libnet.info/images/tile/mdpls/bg-seamless-shattered-green.png) repeat;
}
}
@media only screen and (max-width: 767px) {
.bg-mdpls-app {
    background: url(https://mdpls.libnet.info/images/tile/mdpls/bg-seamless-shattered-green.png) repeat;
}
}
#social-media-footer {
    background: #0b3352;
}
.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
#footer a {
    color: #fff!important;
}
#footer a:hover, #social-media-footer a:hover {
    color: #0084cb!important;
}
#footer ul li {
    margin-bottom: 5px;
}
#idHS9KN {
	padding-top: 10px;
}
#copyright {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0 0;
    background: #0b3352;
    color: #fff;
    font-size: 12px;
    font-family: inherit!important;
}
#copyright ul {
	margin-bottom: 5px;
}
#copyright {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0 0;
    background: #0b3352;
    color: #fff;
    font-size: 12px;
    font-family: inherit!important
}

#copyright a {
    text-decoration: none!important
}

#copyright a:hover {
    color: #0084cb!important
}

#mdc-copyright {
    display: block;
    background: url(https://www.mdpls.org/_img/mdcLogoWhite.png) no-repeat left;
    height: 30px;
    padding: 10px 0 0 50px;
    margin: -8px 0 0
}
@media only screen and (max-width:767px) {
    #social-media-footer .fa {
        font-size: 2em
    }

    #mdc-copyright {
        display: block;
        background: 0 0;
        height: 20px;
        padding: 0;
        margin: 0;
        text-align: center
    }

    #copyright ul li {
        display: block
    }
  
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#mdc-copyright {
        display: block;
        background: 0 0;
        height: 10px;
        padding: 0;
        margin: 0;
        text-align: center
    }
}
/**mdpls custom**/
.bg-footer-library {
background-color: #005c99;
min-height: 280px;
}
.bg-footer-county {
background: #0b3352;
min-height: 280px;
}
.branch-map {
width: 100% !important;
height: 300px;
margin-bottom: 0px;
border:none
}
#branch-events {
height: 450px !important;
width: 100% !important;
}
/*Search box with drop downs-communico*/
#searchbox > label{
  display: none;
}
#search_text{
    width: 65%;
    font-size: 16px;
    border: none;
    padding: 6px;
    border-radius: 5px;
    color: #4d5149;
    line-height: 30px!important;
    margin: 0;
    letter-spacing: .27px;
    box-shadow: 0 2px 20px rgb(0 46 106 / 5%);
}
#searchbox{
    border-radius: 5px;
    color: #4d5149;
    line-height: 30px!important;
    margin: 0;
    letter-spacing: .27px;
    width: 100%;
    box-shadow: 0 2px 20px rgb(0 46 106 / 5%);
    border: 2px solid #f5f6f9!important;
}
.search-options{
   width: 135px;
    bottom: 0;
    border: none!important;
    letter-spacing: .36px;
    font-weight: 700;
    color: #003c76;
    padding-left: 18px;
    font-family: inherit!important;
    border-right: 1px solid #dbdbdb!important;
    appearance: none;
    -webkit-appearance: none;
    background: url(https://unioncountynclibrary.prod.govaccess.org/Project/Contents/library/_gfx/cmn/ui-dropdown.svg) no-repeat right 35px center;
}
#searchbox > a {
  display: inline-block;
    max-height: 100%;
    border-radius: 100%;
    background: transparent url(https://unioncountynclibrary.prod.govaccess.org/Project/Contents/library/_gfx/cmn/ui-search.svg) no-repeat center center;
    border: 0 none!important;
    height: 26px!important;
    margin: 0;
    position: relative;
    right: -5px;
    text-align: left;
    text-decoration: none;
    text-indent: -4000px;
    top: 8px;
    width: 30px;
    overflow: hidden;
    background-size: 18px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
@media only screen and (min-width: 768px) {
#branch-events {
height: 1075px !important;
width: 100% !important;
}
}
/**@media sizes**/
@media only screen and (min-width: 768px) {
.dropdown:hover > .dropdown-menu { 
  	display: block!important;  
}
.navbar {
    border-radius: 0px;
}
}
@media only screen and (max-width:767px) {
    #social-media-footer .fa {
        font-size: 2em
    }
  #search_text{
    width: 54%;

}
  #mdc-copyright {
        display: block;
        background: 0 0;
        height: 20px;
        padding: 0;
        margin: 0;
        text-align: center
    }
  #copyright ul li {
        display: block
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#mdc-copyright {
        display: block;
        background: 0 0;
        height: 10px;
        padding: 0;
        margin: 0;
        text-align: center
    }
}

/**CUSTOM MDPLS**/
a {
    color: #333;
    text-decoration: none
}

a:focus,a:hover {
    color: #145a92;
    text-decoration: none
}

a:visited {
    color: #333;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.underline {
    text-decoration: underline!important
}
#content {
    float: left;
    width: 100%;
    display: block;
    padding: 0
}

#content li a,#content p a {
    color: #333;
    text-decoration: underline
}

#content li a:focus,#content li a:hover,#content p a:focus,#content p a:hover {
    color: #145a92;
    text-decoration: underline
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: #333!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,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    color: #404040
}

.h4,.h5,h4,h5 {
    margin-top: 10px;
    margin-bottom: .5em
}

.img-thumbnail {
  border-radius: 0;
  margin-bottom: 20px
}

.thumbnail .caption a>img,.thumbnail .caption>img {
    margin-right: 0!important;
    margin-left: 0!important
}

.thumbnail-unstyled {
    padding: 0!important;
    border: 0;
    border-radius: 0!important;
    background-color: transparent
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}

.navbar-blue {
  background-color: #005c99;
  border-color: #005c99;
}

.navbar-blue .navbar-brand {
  color: #9d9d9d;
}

.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-blue .navbar-text {
  color: #9d9d9d;
}

.navbar-blue .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #23527c;
}

.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #23527c;
}

.navbar-blue .navbar-nav > .disabled > a,
.navbar-blue .navbar-nav > .disabled > a:hover,
.navbar-blue .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-blue .navbar-toggle {
  border-color: #fff;
}

.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
  background-color: #23527c;
}

.navbar-blue .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
  border-color: #23527c;
}

.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #23527c;
}

@media (max-width: 767px) {
  .navbar-blue .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #fff;
  }
	
  .navbar-blue .navbar-nav .open .dropdown-menu .divider {
    background-color: #fff;
  }
	
  .navbar-blue .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
	
  .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #23527c;
    background-color: #ffffff;
  }
	
  .navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #23527c;
    background-color: #ffffff;
  }
	
  .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}

.navbar-blue .navbar-link {
  color: #9d9d9d;
}

.navbar-blue .navbar-link:hover {
  color: #333333;
}

.navbar-blue .btn-link {
  color: #9d9d9d;
}

.navbar-blue .btn-link:hover,
.navbar-blue .btn-link:focus {
  color: #333333;
}

.navbar-blue .btn-link[disabled]:hover,
fieldset[disabled] .navbar-blue .btn-link:hover,
.navbar-blue .btn-link[disabled]:focus,
fieldset[disabled] .navbar-blue .btn-link:focus {
  color: #444;
}

/* Buttons */
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus,.btn-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-dark {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-dark:hover {
    color: #fff;
    background-color: #212121;
    border-color: #121212
}

.btn-dark:focus,.btn-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #121212;
    border-color: #121212
}

.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-clear {
    color: #333;
    background-color: transparent;
    border-color: #333
}

.btn-clear:focus,.btn-clear.focus {
    color: #333;
    background-color: transparent;
    border-color: #8c8c8c
}

.btn-clear:hover {
    color: #333;
    background-color: transparent;
    border-color: #adadad
}

.btn-clear:active,.btn-clear.active,.open>.dropdown-toggle.btn-clear {
    color: #333;
    background-color: transparent;
    border-color: #adadad
}

.btn-clear:active:hover,.btn-clear.active:hover,.open>.dropdown-toggle.btn-clear:hover,.btn-clear:active:focus,.btn-clear.active:focus,.open>.dropdown-toggle.btn-clear:focus,.btn-clear:active.focus,.btn-clear.active.focus,.open>.dropdown-toggle.btn-clear.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-clear:active,.btn-clear.active,.open>.dropdown-toggle.btn-clear {
    background-image: none
}

.btn-clear.disabled:hover,.btn-clear[disabled]:hover,fieldset[disabled].btn-clear:hover,.btn-clear.disabled:focus,.btn-clear[disabled]:focus,fieldset[disabled].btn-clear:focus,.btn-clear.disabled.focus,.btn-clear[disabled].focus,fieldset[disabled].btn-clear.focus {
    background-color: transparent;
    border-color: #333
}

.btn-clear .badge {
    color: #fff;
    background-color: #333
}

.btn-outline-primary {
    color: #005c99;
    background-color: transparent;
    background-image: none;
    border-color: #005c99
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #005c99;
    border-color: #005c99
}

.btn-outline-primary:focus,.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #005c99;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #005c99;
    border-color: #005c99
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus,.btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-success {
    color: #218739;
    background-color: transparent;
    background-image: none;
    border-color: #218739
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #186329;
    border-color: #186329
}

.btn-outline-success:focus,.btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #218739;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #218739;
    border-color: #218739
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info {
    color: #128091;
    background-color: transparent;
    background-image: none;
    border-color: #128091
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #0e606c;
    border-color: #0e606c
}

.btn-outline-info:focus,.btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #128091;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #128091;
    border-color: #128091
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-warning {
    color: #e9b656;
    background-color: transparent;
    background-image: none;
    border-color: #e9b656
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #e9b656;
    border-color: #e9b656
}

.btn-outline-warning:focus,.btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #e9b656;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #e9b656;
    border-color: #e9b656
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger {
    color: #d71920;
    background-color: transparent;
    background-image: none;
    border-color: #d71920
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ad1419;
    border-color: #ad1419
}

.btn-outline-danger:focus,.btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #d71920;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d71920;
    border-color: #d71920
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529!important;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:visited {
    color: #F6FCFF;
}

.btn-outline-light:focus,.btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
    color: #333;
    background-color: transparent;
    background-image: none;
    border-color: #333
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-outline-dark:focus,.btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #333;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}


#footer ul li,.list-inline>li,.list-unstyled>li,ol li {
    margin-bottom: 5px
}

.lead {
/*  margin-bottom: 20px;*/
/*  font-size: 16px;*/
    font-size: 18px;
/*  font-weight: 300;*/
/*  line-height: 1.4;*/
    line-height: 1.5
}

@media only screen and (min-width:768px) {
    .lead {
        font-size: 20px
    }
}

.emphasis {
    font-size: 1.2em;
    line-height: 1.5
}

.comic-ms {
  font-family: "Comic Sans MS", "Comic Sans", "Chalkboard", "ChalkboardSE-Regular", sans-serif;
}

.comic {
  font-family: "Comic Sans", "Comic Sans", "Chalkboard", "ChalkboardSE-Regular", sans-serif;
}

.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 {
    color: inherit
}

.sub-heading,.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:after,.section-header span:before {
    content: '';
    display: block;
    width: 1000px;
    position: absolute;
    top: .7em;
    border-top: 1px solid #999
}

.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
}

.form-control::-moz-placeholder {
  color: #666;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #666;
}

.form-control::-webkit-input-placeholder {
  color: #666;
}

.panel-default > .panel-heading .badge {
  color: #fff;
  background-color: #555;
}

.label-default {
    background-color: #555
}

.label-default[href]:focus,.label-default[href]:hover {
    background-color: #333
}

.label-primary {
    background-color: #265A87
}

.label-primary[href]:focus,.label-primary[href]:hover {
    background-color: #1F466B
}

.label-success {
    background-color: #355F35
}

.label-success[href]:focus,.label-success[href]:hover {
    background-color: #284828
}

.label-info {
    background-color: #245166
}

.label-info[href]:focus,.label-info[href]:hover {
    background-color: #183949
}

.label-warning {
    background-color: #BC581A
}

.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: #8B4113
}

.label-danger {
    background-color: #A51712
}

.label-danger[href]:focus,.label-danger[href]:hover {
    background-color: #7C110E
}

.label-coming-soon {
    background-color: #ffe500;
    color: #444
}

.label-coming-soon[href]:focus,.label-coming-soon[href]:hover {
    background-color: #ffe500;
    color: #444
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff !important;
  background-color: #333;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #555;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #0072bc;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #005c99;
}

.badge-secondary {
  color: #fff;
  background-color: #333;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #333;
}

.badge-success {
  color: #fff;
  background-color: #218739;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #186329;
}

.badge-info {
  color: #fff;
  background-color: #128091!important;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0e606c;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #e9b656;
}

.badge-danger {
  color: #fff;
  background-color: #d71920;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #ad1419;
}

.badge-light {
  color: #212529;
  background-color: #CCCCCC!important;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #999;
}

.badge-dark {
  color: #fff;
  background-color: #333;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #333;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #333;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #666;
  cursor: not-allowed;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #666;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #244224;
  background-color: #f0f8ed;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #244224;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #244224;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #244224;
  border-color: #244224;
}

.list-group-item-info {
  color: #214A5F;
  background-color: #eaf5fb;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #214A5F;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #214A5F;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #214A5F;
  border-color: #214A5F;
}

.list-group-item-warning {
  color: #594726;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #594726;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #594726;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #594726;
  border-color: #594726;
}

.list-group-item-danger {
  color: #762F2E;
  background-color: #faeef2;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #762F2E;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #762F2E;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #762F2E;
  border-color: #762F2E;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.sponsor {
    font-size: 85%;
    font-style: italic
}

.nav.nav-pills a,.pagination a {
    text-decoration: none!important
}

.img-pull-left {
    float: left;
    margin: 20px 20px 0 0
}

.img-pull-right {
    float: right;
    margin: 20px 0 0 20px
}

.floating-bar {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    padding: 2px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.09), 0 2px 10px 0 rgba(0,0,0,0.52);
    font-size: 13px;
}

.well-sm {
    padding: 9px 12px
}

.well h6 a:focus,.well h6 a:hover {
    color: #145a92!important
}

.transparent,.well-transparent {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.well-white {
    background-color: #fff;
    border-color: #ddd
}

.well-trans {
    background-color: rgba(245,245,245,.7);
    border-color: #ddd
}

.bg-transparent-white {
    background-color: rgba(255,255,255,.8);
    border: 0!important;
    box-shadow: none;
}

.social-media-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #00adef;
	display: inline-block;
	color: #fff;
	margin-right: 5px;
    padding-top: 6.5px;
    padding-left: 4.7px;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

address {
    margin-bottom: 0;
    font-style: normal
}

.toggle a {
    text-decoration: none!important;
    color: #333!important
}

.toggle a:focus,.toggle a:hover {
    text-decoration: none!important;
    color: #333!important
}

.toggle_content {
    padding-top: 5px
}

.toggle_content .list-unstyled {
    padding-left: 10px
}

figcaption {
    font-size: 12px!important
}

header {
    background: #fff!important
}

.box-shadow {
    box-shadow: rgba(0,0,0,.3) 2px 2px 5px
}

.liteblue-shadow {
    box-shadow: inset 11px 11px 0px -5px rgba(253,183,19,1);
}

.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 #fff!important
}

hr.dark {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}

blockquote {
    color: #333;
    font-size: 16px
}

blockquote .small,blockquote footer,blockquote small {
    font-size: 90%;
    color: #666
}

#noScript {
    background-color: #ffc;
    border: 2px solid red;
    padding: 10px;
    text-align: center;
    font-family: Verdana,Arial,Helvetica;
    font-size: 14px
}

.alert-success {
  color: #244224;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #244224;
}

.alert-info {
  color: #214A5F;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #214A5F;
}

.alert-warning {
  color: #594726;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #594726;
}

.alert-danger {
  color: #762F2E;
  background-color: #faeef2;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #762F2E;
}

.alert.alert-warning.home {
    margin-bottom: 0;
    text-align: center;
    border: 0;
    border-radius: 0
}

/* Panels */
.panel-primary {
  border-color: #265A87;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #265A87;
  border-color: #265A87;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #265A87;
}

.panel-primary > .panel-heading .badge {
  color: #265A87;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #265A87;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #244224;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #244224;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #224E62;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #224E62;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #614C29;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #614C29;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #762F2E;
  background-color: #faeef2;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #faeef2;
  background-color: #762F2E;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.bg-social-media-bar {
    background: url(https://mdpls.libnet.info/images/tile/mdpls/bg-seamless-fabric-of-squares.png) repeat;
}

/* Helpers */

.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,.space20,.space30,.space40 {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0
}

.space20,.space30,.space40 {
    padding: 10px 0
}

.space30,.space40 {
    padding: 15px 0
}

.space40 {
    padding: 20px 0
}

.space100,.space50,.space60,.space80 {
    clear: both;
    width: 100%;
    display: block;
    padding: 25px 0
}

.space100,.space60,.space80 {
    padding: 30px 0
}

.space100,.space80 {
    padding: 40px 0
}

.space100 {
    padding: 50px 0
}

.no-padding {
    padding: 0!important
}

.padding-top-0 {
    padding-top: 0!important
}

.padding-bottom-0 {
    padding-bottom: 0!important
}

.padding-left-0 {
    padding-left: 0!important
}

.padding-right-0,.padding-width-0 {
    padding-right: 0!important
}

.padding-width-0 {
    padding-left: 0!important
}

.padding-height-0 {
    padding-top: 0!important;
    padding-bottom: 0!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-width-5 {
    padding-right: 5px!important
}

.padding-width-5 {
    padding-left: 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: 0!important
}

.margin-bottom-0 {
    margin-bottom: 0!important
}

.margin-left-0 {
    margin-left: 0!important
}

.margin-right-0,.margin-width-0 {
    margin-right: 0!important
}

.margin-width-0 {
    margin-left: 0!important
}

.margin-height-0 {
    margin-top: 0!important;
    margin-bottom: 0!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-width-5 {
    margin-right: 5px!important
}

.margin-width-5 {
    margin-left: 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
}

/* Home Page */

.feature-block a {
    color: #fff!important;
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 1em;
    text-shadow: #000 0 0 4px;
    font-family: "ITC Avant Garde Std Md",didact-gothic,Arial,sans-serif
}

.feature-content:hover {
    outline: solid 4px #008cff;
    -webkit-outline-offset: -10px
}

.feature-block a,.feature-block a:hover {
    text-decoration: none!important
}

.feature-block a:active .feature-content,.feature-block a:focus .feature-content {
    outline: solid 4px #008cff!important
}

.feature-content {
    background-size: cover!important;
    margin: 5px -10px
}

.feature-content.block-lg,.feature-content.block-sm {
    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 {
    padding: 10px;
    background: rgba(0,0,0,.8)
}

.feature-heading.bottom-left {
    position: absolute;
    bottom: 5px;
    left: 5px
}

.feature-heading.bottom-right {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.feature-heading.top-left {
    position: absolute;
    top: 5px;
    left: 5px
}

.feature-heading.top-right {
    position: absolute;
    top: 5px;
    right: 5px
}

#events-block {
    background: url(https://www.mdpls.org/_img/boy-playing-as-king.jpg) no-repeat center
}

#news-block {
    background: url(https://www.mdpls.org/_img/antique-typewriter.jpg) no-repeat center
}

#creative-block {
    background: url(https://www.mdpls.org/_img/young-girl-making-bracelet.jpg) no-repeat top
}

#books-block {
    background: url(https://www.mdpls.org/_img/young-man-with-dreads-reading-book.jpg) no-repeat center
}

#communityresources-block {
    background: url(https://www.mdpls.org/_img/brickell-miami-skyline.jpg) no-repeat bottom
}

#entertainment-block {
    background: url(https://www.mdpls.org/_img/years-apart-enjoy-tech.jpg) no-repeat center
}

#getacard-block {
    background: url(https://www.mdpls.org/_img/library-card-background-art.gif) no-repeat center
}

#learningandtraining-block {
    background: url(https://www.mdpls.org/_img/young-couple-using-laptop.jpg) no-repeat center
}

@media only screen and (min-width:768px) {
    #entertainment-block {
        background: url(https://www.mdpls.org/_img/years-apart-enjoy-tech.jpg) no-repeat center
    }
}

/* Custom Widgets */

div[data-widgetid='5484'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}
div[data-widgetid='16122'] .amev-event-list {
height: 320px !important;
width: 100% !important;
}
div[data-widgetid='6136'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}

div[data-widgetid='5484'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}

/* Databases */
div[data-widgetid='7261'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}

div[data-widgetid='7261'] .amr-list li a{
font-weight: bold;
text-decoration: underline;
}

div[data-widgetid='7261'] .amr-links{
font-size: 1.5em;
}

div[data-widgetid='7337'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}

div[data-widgetid='7338'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}

div[data-widgetid='7339'] .amev-event-list{
height: 100vh !important;
width: 100% !important;
}

div[data-widgetid='12162'] .amev-event-list{
height: 650px !important;
width: 100% !important;
}

div[data-widgetid='17974'] .amev-event-list{
height: 400px !important;
width: 100% !important;
}

div[data-widgetid='22400'] .amev-event-list{
height: 375px !important;
width: 100% !important;
}

div[data-widgetid='22400'] .amev-event-title{
font-size: 12px !important;
}

div[data-widgetid='22400'] .amev-event-time{
font-size: 8px;
}

div[data-widgetid='18649'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden; !important
}

div[data-widgetid='18703'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden; !important
}

div[data-widgetid='19390'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden; !important
}

div[data-widgetid='19390'] .amev-event-list hr{
  border: 1px solid #fff;
  border-radius: 2px;
  margin-top: 20px;
}

div[data-widgetid='20632'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
}

div[data-widgetid='20632'] .amev-all-events-link a{
font-size: 0px !important;
color: #fff
}

div[data-widgetid='20834'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
}

div[data-widgetid='17974'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
}

div[data-widgetid='22759'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
}

div[data-widgetid='22759'] .amev-event:nth-child(even){
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
  width: 100%;!important
  position: fixed;
}

div[data-widgetid='22759'] .amev-event:nth-child(odd){
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
  width: 100%;!important
  position: fixed;
}

div[data-widgetid='22759'] .amev-event-data div{
max-width: 1250px;
  margin: auto;
}

div[data-widgetid='22759'] .amev-event button{
background: #d9534e;
border-color: #d0312a;
color: #ffffff;
}


div[data-widgetid='22759'] .amev-event-list hr{
display: none
}

div[data-widgetid='22759'] .amev-event-title a{
color: #0b3352;!important
}

div[data-widgetid='22759'] .amev-event-subtitle{
color: #005c99;!important
}

div[data-widgetid='22759'] .amev-all-events-link a{
display: none
}









div[data-widgetid='23093'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 0px;
}


div[data-widgetid='23093'] .amev-event-data div{
max-width: 1250px;
  margin: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  
}


div[data-widgetid='23093'] .amev-event button{
display: none
}

div[data-widgetid='23093'] .amev-event-title a{
color: #fdd865;!important
}

div[data-widgetid='23093'] .amev-event-list hr{
  margin: 20px;
  border-color: rgba(0,0,0,0.0);
}

div[data-widgetid='23093'] .amev-event-subtitle{
color: #fdd865;!important
}

div[data-widgetid='23093'] .amev-all-events-link a{
display: none
}

div[data-widgetid='23093'] .amev-event-description{
color: #fff!important
}

div[data-widgetid='23093'] .amev-event-location{
color: #fff!important
}

div[data-widgetid='23093'] .amev-event-time{
color: #fff!important
}

div[data-widgetid='23093'] .link{
color: #fdd865!important
}



div[data-widgetid='23277'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 0px;
}


div[data-widgetid='23277'] .amev-event-data div{
max-width: 1250px;
  margin: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  
}


div[data-widgetid='23277'] .amev-event button{
display: none
}

div[data-widgetid='23277'] .amev-event-title a{
color: #ffcae4;!important
}

div[data-widgetid='23277'] .amev-event-list hr{
  margin: 20px;
  border-color: rgba(0,0,0,0.0);
}

div[data-widgetid='23277'] .amev-event-subtitle{
color: #ffcae4;!important
}

div[data-widgetid='23277'] .amev-all-events-link a{
display: none
}

div[data-widgetid='23277'] .amev-event-description{
color: #fff!important
}

div[data-widgetid='23277'] .amev-event-location{
color: #fff!important
}

div[data-widgetid='23277'] .amev-event-time{
color: #fff!important
}

div[data-widgetid='23277'] .link{
color: #ffcae4!important
}






div[data-widgetid='23480'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 0px;
}


div[data-widgetid='23480'] .amev-event-data div{
max-width: 1250px;
  margin: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  
}

div[data-widgetid='23480'] .amev-event button{
display: none
}

div[data-widgetid='23480'] .amev-event-title a{
color: #caf8ff;!important
}

div[data-widgetid='23480'] .amev-event-list hr{
  margin: 20px;
  border-color: rgba(0,0,0,0.0);
}

div[data-widgetid='23480'] .amev-event-subtitle{
color: #caf8ff;!important
}

div[data-widgetid='23480'] .amev-all-events-link a{
display: none
}

div[data-widgetid='23480'] .amev-event-description{
color: #fff!important
}

div[data-widgetid='23480'] .amev-event-location{
color: #fff!important
}

div[data-widgetid='23480'] .amev-event-time{
color: #fff!important
}

div[data-widgetid='23480'] .link{
color: #caf8ff!important
}




div[data-widgetid='23737'] .amev-event-list{
height: 100% !important;
width: 100% !important;
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 0px;
}


div[data-widgetid='23737'] .amev-event-data div{
max-width: 1250px;
  margin: auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  
}

div[data-widgetid='23737'] .amev-event button{
display: none
}

div[data-widgetid='23737'] .amev-event-list hr{
  margin: 20px;
  border-color: rgba(0,0,0,0.0);
}

div[data-widgetid='23737'] .amev-all-events-link a{
display: none
}







.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color:#600000 !important;	  
}
/* Hide branches from Events page */
label[for="loc_1951"],label[for="loc_1969"],label[for="loc_1965"], label[for="loc_1970"], label[for="loc_1968"], label[for="loc_1966"],label[for="loc_1967"]   {
    display: none;

 }

.events-filter-row:before {
  /*content: 'All in-library programs, events, classes, outreach visits and meeting room/auditorium usage are temporarily suspended until further notice. We encourage you to check out our virtual programs. For questions or assistance, please contact us at customercare@mdpls.org.';*/
  font-size: 16px;
  color: red;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
}

.grow:hover{
  transition: all .2s ease-in-out;
  transform: scale(1.05)
}

/*Animation on Scroll*/

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1.9s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(10%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

.fade-in {
    opacity: 0; /* Start with the image hidden */
    transition: opacity 1s ease-in; /* Transition effect */
}

.fade-in.visible {
    opacity: 1; /* Fully visible when the class 'visible' is added */
}

/* Horizontal Timeline*/

.md-stepper-horizontal {
	display:table;
	width:125%;
	margin-left: -160px;
    text-align: center;
}
.md-stepper-horizontal .md-step {
	display:table-cell;
	position:relative;
	padding:0px;
}
.md-stepper-horizontal .md-step:hover .md-step-circle {
	background-color:#757575;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
	display:none;
}
.md-stepper-horizontal .md-step .md-step-circle {
	width:110px;
	height:110px;
	margin:0 auto;
	background-color:#999999;
	border-radius: 50%;
	text-align: center;
    padding-top: 40px;
	line-height:30px;
	font-size: 50px;
	font-weight: 600;
	color:#FFFFFF;
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
	background-color:#00AE4D;
}
.md-stepper-horizontal.orange .md-step.active .md-step-circle {
	background-color:#F96302;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
	background-color: rgb(33,150,243);
}
.md-stepper-horizontal .md-step.done .md-step-circle:before {
	font-family:'FontAwesome';
	font-weight:100;
	content: "\f00c";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
	display:none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
	font-family:'FontAwesome';
	font-weight:100;
	content: "\f040";
}
.md-stepper-horizontal .md-step .md-step-title {
	margin-top:16px;
	font-size:16px;
	font-weight:600;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
	text-align: center;
	color:rgba(0,0,0,.26);
}
.md-stepper-horizontal .md-step.active .md-step-title {
	font-weight: 600;
	color:rgba(0,0,0,.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
	font-weight:600;
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
	position:absolute;
	top:72px;
	height:1px;
	border-top:4px dashed #dddddd;
}
.md-stepper-horizontal .md-step .md-step-bar-right {
	right:0;
	left:70%;
	margin-left:20px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
	left:0;
	right:68%;
	margin-right:20px;
}

/*Timeline Test 2*/

.main-timeline{
    position: relative;
}
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 60%;
    padding: 0 30px 0 0;
    margin: 20px 0;
    float: left;
}
.main-timeline .timeline-content{
    background-color: #536E79;
    min-height: 133px;
    padding: 30px 95px 30px 130px;
    display: block;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before{
    content: '';
    background: #fff;
    border-radius: 100px 20px 20px 100px;
    position: absolute;
    left: 70px;
    top: 10px;
    bottom: 10px;
    right: -30px;
    z-index: -1;
}
.main-timeline .timeline-year{
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    line-height: 45px;
    transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    left: -15px;
    top: 50%;
}
.main-timeline .timeline-icon{
    color: #fff;
    background-color: #536E79;
    font-size: 60px;
    text-align: center;
    line-height: 100px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    transform: translateY(-50%);
    position: absolute;
    right: -20px;
    top: 50%;
}
.main-timeline .title{
    color: #536E79;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}
.main-timeline .description{
    color: #817f7f;
    font-size: 15px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){
    padding: 0 0 0 30px;
    float: right;
}
.main-timeline .timeline:nth-child(even) .timeline-content{ padding: 30px 130px 30px 95px; }
.main-timeline .timeline:nth-child(even) .timeline-content:before{
    border-radius: 20px 100px 100px 20px;
    left: -30px;
    right: 70px;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
    right: -15px;
    left: auto;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    right: auto;
    left: -20px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content,
.main-timeline .timeline:nth-child(4n+2) .timeline-icon{
    background-color: #00B8D4;
}
.main-timeline .timeline:nth-child(4n+2) .title{ color: #00B8D4; }
.main-timeline .timeline:nth-child(4n+3) .timeline-content,
.main-timeline .timeline:nth-child(4n+3) .timeline-icon{
    background-color: #FEA726;
}
.main-timeline .timeline:nth-child(4n+3) .title{ color: #FEA726; }
.main-timeline .timeline:nth-child(4n+4) .timeline-content,
.main-timeline .timeline:nth-child(4n+4) .timeline-icon{
    background-color: #01BFA5;
}
.main-timeline .timeline:nth-child(4n+4) .title{ color: #01BFA5; }
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        text-align: center;
        width: 100%;
        padding: 0 0 30px 0;
        margin: 0 0 30px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 80px 25px;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        border-radius: 50px 50px 20px 20px;
        bottom: -30px;
        top: 65px;
        left: 10px;
        right: 10px;
    }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year{
        transform: translateX(-50%) translateY(0);
        top: 10px;
        left: 50%;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        font-size: 50px;
        line-height: 85px;
        width: 85px;
        height: 85px;
        transform: translateX(-50%);
        top: auto;
        bottom: -20px;
        right: auto;
        left: 50%;
    }
}
@media screen and (max-width:576px){
    .main-timeline .title{ font-size: 18px; }
}

.image-frame {
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    width: 80px;
    height: 80px;
    background: #fefff1;
    border: 3px solid #f5f5f5;
    box-sizing: border-box;
    margin: auto;
    border-radius: 20%;
    box-shadow: inset 0 0 9px rgba(52,58,64,.8)
}

div[data-widgetid='15480'] .ambl-show div img{
border: none;  
}

div[data-widgetid='14011'] .ambl-show div img{
box-shadow: 0px 0px 0px 0px;
}

div[data-widgetid='17114'] .ambl-show div img{
box-shadow: 0px 0px 0px 0px;
}

div[data-widgetid='19773'] .ambl-show div img{
box-shadow: 0px 0px 0px 0px;
}

div[data-widgetid='16976'] .ambl-show div img{
border: 9px solid #fff;
}

div[data-widgetid='18318'] .ambl-show div img{
box-shadow: 7px 7px 0px 0px rgb(168,123,186);
border: none;  
}

div[data-widgetid='15765'] .ambl-show div img{
box-shadow: 9px 9px 0px 0px #24607c;
border: 1px solid #7c7c7c;  
}

div[data-widgetid='15766'] .ambl-show div img{
box-shadow: 9px 9px 0px 0px #24607c;
border: 1px solid #7c7c7c;  
}

div[data-widgetid='18598'] .ambl-show div img{
box-shadow: 9px 9px 0px 0px #24607c;
border: 1px solid #7c7c7c;  
}

div[data-widgetid='14241'] .ambl-show div img{
box-shadow: 7px 7px 0px 0px #cf4f82;
border: none;  
}

div[data-widgetid='21014'] .ambl-show div img{
box-shadow: 9px 9px 0px 0px #2d5b8f;
border: 1px solid #2d5b8f;  
}

div[data-widgetid='21016'] .ambl-show div img{
box-shadow: 7px 7px 0px 0px #2d5b8f;
border: 1px solid #2d5b8f;  
}

div[data-widgetid='18449'] .ambl-show div img{
box-shadow: -9px 9px 0px 0px #35c6c1;
border: 0px solid #184860;  
}

div[data-widgetid='18515'] .ambl-show div img{
box-shadow: 7px 7px 0px 0px #18858b;
border: 0px solid #184860;  
}





/*TEST FOR COA PAGE*/


.card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 0px;
    position: relative;
    margin-bottom: 1.56rem;
}
.card {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    background-color: rgb(248, 248, 248);
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.57rem;
}
.bg-primary {
    background-color: rgb(240, 194, 75) !important;
}
.mb-9 {
    margin-bottom: 4.96rem !important;
}

.card-icon-border-large {
    width: 100px;
    height: 100px;
    margin: -3.06rem auto 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border: 6px solid;
    border-radius: 50%;
    font-size: 1.88rem;
    line-height: 90px;
    color: rgb(102, 102, 102);
}
.mtn-80 {
    margin-top: -5rem !important;
}
.border-primary {
    border-color: rgb(240, 194, 75) !important;
}

.text-primary {
    color: rgb(240, 194, 75) !important;
}



.error-header {
  background: #fff;
  height: 180px;
}

.error-container {
  background: rgba(0,0,0,.05);
  text-align: center;
}

.error-container h1 {
  color: #39bbdb;
}

.error-container h1 {
  font-size: 110px;
  font-weight: 300;
  margin: -103px 0 0 0;
  text-align: center;
}

.error-divider {
  margin-top: -27px;
  padding: 30px 0;
}

.error-container h2 {
  font-size: 58px;
  font-weight: 300;
  margin: 0;
  text-transform: uppercase;
}

.error-container p.description {
  color: #e5e5e5;
  font-size: 40px;
  margin: 0;
}

.return-btn, .return-btn:hover {
  border: 1px solid rgba(255,255,255,.3);
  padding: 10px 15px;
  margin-top: 100px;
  margin-bottom: 30px;
  display: inline-block;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

/**LCSUM CARD SLIDER**/
.wrapper{
  display: flex;
  max-width: 2500px;
  position: relative;
}
.wrapper i{
  top: 50%;
  height: 44px;
  width: 44px;
  color: #343F4F;
  cursor: pointer;
  font-size: 1.15rem;
  position: absolute;
  text-align: center;
  line-height: 44px;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}
.wrapper i:active{
  transform: translateY(-50%) scale(0.9);
}
.wrapper i:hover{
  background: #f2f2f2;
}
.wrapper i:first-child{
  left: -22px;
  display: none;
}
.wrapper i:last-child{
  right: -22px;
}
.wrapper .carousel{
  font-size: 0px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
}
.carousel.dragging{
  cursor: grab;
  scroll-behavior: auto;
}
.carousel.dragging img{
  pointer-events: none;
}
.carousel img{
  object-fit: contain;
  user-select: none;
  margin-left: 14px;
  width: calc(84% / 5);
}
.carousel img:first-child{
  margin-left: 0px;
}

@media screen and (max-width: 900px) {
  .carousel img{
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 550px) {
  .carousel img{
    width: calc(160% / 2);
  }
}


/* leaf animations */

#leaves {position:relative;top:-50px;width:100%;text-align: right;}

#leaves i {
    display: inline-block;
    width: 200px;
    height: 150px;
    background: linear-gradient(to bottom right, #309900, #005600);
    transform: skew(20deg);
    border-radius: 5% 40% 70%;
    box-shadow: inset 0px 0px 1px #222;
    border: 1px solid #333;
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
}

#leaves i:nth-of-type(2n) { -webkit-animation: falling2 5s 0s infinite; }
#leaves i:nth-of-type(3n) { -webkit-animation: falling3 5s 0s infinite; }

#leaves i:before {
  position: absolute;
  visibility: hidden;
  content: '';
  top: 117px;
  right: 9px;
  height: 27px;
  width: 32px;
  transform: rotate(49deg);
  border-radius: 0% 15% 15% 0%;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 0px solid #222;
  border-right: 1px solid #222;
  background: linear-gradient(to right, rgba(0,100,0,1), #005600);
  z-index: 1;
}

#leaves i:after {
  content: '';
  height: 125px;
  width: 10px;
  background: linear-gradient(to right, rgba(0,0,0,.15), rgba(0,0,0,0));
  display: block;
  transform: rotate(125deg);
  position: absolute;
  left: 85px;
  border-radius:50%;
}


#leaves i:nth-of-type(n)    { height:23px; width:30px; }
#leaves i:nth-of-type(n):before { width:7px; height:5px; top:17px; right:1px; }
#leaves i:nth-of-type(n):after { width:2px; height:17px; left: 12px; top:0px; }

#leaves i:nth-of-type(2n+1)    { height:11px; width:16px; }
#leaves i:nth-of-type(2n+1):before { width:4px; height:3px; top:7px; right:0px; }
#leaves i:nth-of-type(2n+1):after { width:2px; height:6px; left: 5px; top:1px; }

#leaves i:nth-of-type(3n+2)  { height:17px; width:23px; }
#leaves i:nth-of-type(3n+2):before  { height:4px; width:4px; top:12px; right:1px; }
#leaves i:nth-of-type(3n+2):after  { height:10px; width:2px; top:1px; left:8px; }

#leaves i:nth-of-type(n)   { -webkit-animation-delay: 1.9s;}
#leaves i:nth-of-type(2n)  { -webkit-animation-delay: 3.9s;}
#leaves i:nth-of-type(3n)  { -webkit-animation-delay: 2.3s;}
#leaves i:nth-of-type(4n)  { -webkit-animation-delay: 4.4s;}
#leaves i:nth-of-type(5n)  { -webkit-animation-delay: 5s;  }
#leaves i:nth-of-type(6n)  { -webkit-animation-delay: 3.5s;}
#leaves i:nth-of-type(7n)  { -webkit-animation-delay: 2.8s;}
#leaves i:nth-of-type(8n)  { -webkit-animation-delay: 1.5s;}
#leaves i:nth-of-type(9n)  { -webkit-animation-delay: 3.3s;}
#leaves i:nth-of-type(10n) { -webkit-animation-delay: 2.5s;}
#leaves i:nth-of-type(11n) { -webkit-animation-delay: 1.2s;}
#leaves i:nth-of-type(12n) { -webkit-animation-delay: 4.1s;}
#leaves i:nth-of-type(13n) { -webkit-animation-delay: 1s;  }
#leaves i:nth-of-type(14n) { -webkit-animation-delay: 4.7s;}
#leaves i:nth-of-type(15n) { -webkit-animation-delay: 3s;  }

#leaves i:nth-of-type(n)    { background: linear-gradient(to bottom right, #309900, #005600); }
#leaves i:nth-of-type(2n+2)  { background: linear-gradient(to bottom right, #5e9900, #2b5600); }
#leaves i:nth-of-type(4n+1)  { background: linear-gradient(to bottom right, #990, #564500); }

#leaves i:nth-of-type(n)    { opacity: .7;}
#leaves i:nth-of-type(3n+1)  { opacity: .5;}
#leaves i:nth-of-type(3n+2)  { opacity: .3;}

#leaves i:nth-of-type(n)    {transform: rotate(180deg);}


#leaves i:nth-of-type(n) { -webkit-animation-timing-function:ease-in-out;}

@-webkit-keyframes falling {
    
    0% {
        -webkit-transform:
            translate3d(300,0,0)
            rotate(0deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-350px,700px,0)
            rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling3 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(-20deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-230px,640px,0)
            rotate(-70deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling2 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(90deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-400px,680px,0)
            rotate(0deg);
        opacity: 0;
    }
}

/**LABF TIMELINE**/
.timelinelabf {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}

.timelinelabf::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #096779;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.containerlabf {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%;
}

.containerlabf.left {
  left: 0;
}

.containerlabf.right {
  left: 50%;
}

.containerlabf::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  background: #ffffff;
  border: 2px solid #096779;
  border-radius: 16px;
  z-index: 1;
}

.containerlabf.right::after {
  left: -8px;
}

.containerlabf::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  background: #096779;
  z-index: 1;
}

.containerlabf.right::before {
  left: 8px;
}

.containerlabf .datelabf {
  position: absolute;
  display: inline-block;
  top: calc(50% - 21px);
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #096779;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.containerlabf.left .datelabf {
  right: -290px;
}

.containerlabf.right .datelabf {
  left: -290px;
}

.containerlabf .icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #fff;
  border: 2px solid #096779;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #096779;
  z-index: 1;
}

.containerlabf.left .icon {
  right: 56px;
}

.containerlabf.right .icon {
  left: 56px;
}

.containerlabf .content {
  padding: 30px 90px 30px 30px;
  background: #fff4c1;
   border: 0px solid #096779;
  position: relative;
  border-radius: 10px 10px 10px 10px;
}

.containerlabf.right .content {
  padding: 30px 30px 30px 90px;
  border-radius: 100px 100px 100px 100px;
}

.containerlabf .content h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #096779;
}

.containerlabf .content p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px;
  }

  .containerlabf {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .containerlabf.right {
    left: 0%;
  }

  .containerlabf.left::after, 
  .containerlabf.right::after {
    left: 82px;
  }

  .containerlabf.left::before,
  .containerlabf.right::before {
    left: 100px;
    border-color: transparent #096779 transparent transparent;
  }

  .containerlabf.left .datelabf,
  .containerlabf.right .datelabf {
    right: auto;
    left: 15px;
  }

  .containerlabf.left .icon,
  .containerlabf.right .icon {
    right: auto;
    left: 146px;
  }

  .containerlabf.left .content,
  .containerlabf.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }
}

/**GOOGLE MAPS*/
.google-map {
    padding-bottom: 600px;   
  position: relative;
}

.google-map iframe {
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
}

/**Parallax Branch Images**/
.masthead {
  padding-top: calc(6rem + 74px);
  padding-bottom: 6rem;
}
.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 2.75rem;
}
.masthead .masthead-subheading {
  font-size: 1.25rem;
}
.masthead .masthead-avatar {
  width: 15rem;
}

@media (min-width: 992px) {
  .masthead {
    padding-top: calc(6rem + 104px);
    padding-bottom: 6rem;
  }
  .masthead .masthead-heading {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .masthead .masthead-subheading {
    font-size: 1.5rem;
  }
}

.parallax {
  background-image: url("https://static.libnet.info/frontend-images/editor/mdpls/allapattah-large.jpg");
  min-height: 400px;
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}


/**FLOATING UP BUBBLES**/

.background-animation-container {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.ani-bubble {
  background-color: blue;
  border-radius: 75px;
  height: 150px;
  position: absolute;
  top: 100%;
  width: 150px;

  -webkit-animation: bubblemove 10s linear infinite;
  -moz-animation: bubblemove 10s linear infinite;
  animation: bubblemove 10s linear infinite;
}

@-webkit-keyframes bubblemove {
  from { top: 100%; }
  to   { top: -600px; }
}
@-moz-keyframes bubblemove {
  from { top: 100%; }
  to   { top: -600px; }
}
@keyframes bubblemove {
  from { top: 100%; }
  to   { top: -600px; }
}





.whm-bkg {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 150% 150%;
  animation: gradient 7s ease infinite;
    height: 600px;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.whm-img-bkg {
	background: url(https://static.libnet.info/frontend-images/editor/mdpls/whm-2025-bkg.jpg) no-repeat left top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%; 
	height: 100%; 
	opacity: 0.5;
}

#whm-img-container {
  background: url(https://static.libnet.info/frontend-images/editor/mdpls/2025-WHM-header.png);  
  z-index: 6;
}

#scheduledContent {
	display: none; /* Initially hidden */
}

