.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 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 call Monica Martinez at 305-375-5094 or email programs@mdpls.org 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;
}
.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)
}
.header-shadow {
text-shadow: 3px 4px 5px rgba(0,0,0,0.95);
}
.amss-results {
  padding: 0 20px; 
}
/**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.org/images/editor/mdpls/Logos/mdpls-gold-mark-long.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: 107px;
        background: url(https://mdpls.org/images/editor/mdpls/Logos/mdpls-gold-mark.svg) no-repeat;
        background-size: contain;
        margin: 15px 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: #ec971f;
}
.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: #ec971f;
    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.25;
}
.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;
}

@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
    }
  #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: #f0ad4e;
  border-color: #f0ad4e;
}

.navbar-blue .navbar-brand {
  color: #9d9d9d;
}

.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-blue .navbar-text {
  color: #9d9d9d;
}

.navbar-blue .navbar-nav > li > a {
  color: #333333;
}

.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
  color: #333333;
  background-color: #ec971f;
}

.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {
  color: #333333;
  background-color: #ec971f;
}

.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: #ec971f;
}

.navbar-blue .navbar-toggle .icon-bar {
  background-color: #333333;
}

.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
  border-color: #ec971f;
}

.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
  color: #333333;
  background-color: #ec971f;
}

@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: #ec971f;
    background-color: #333333;
  }
	
  .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: #ec971f;
    background-color: #333333;
  }
	
  .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.2
}

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

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

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

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

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

.sub-heading {
    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
}

.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;
}

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
}

.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;
}

/* 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: 420px !important;
width: 100% !important;
}
div[data-widgetid='6136'] .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;
}

.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;
}