.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.6!important
    overflow-y: scroll; overflow-x: hidden;
}

.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='26531'] .amev-event-list{
height: 375px !important;
width: 100% !important;
}

div[data-widgetid='26531'] .amev-event-title{
font-size: 12px !important;
}

div[data-widgetid='26531'] .amev-event-time{
font-size: 8px;
}

div[data-widgetid='26534'] .amev-event-list{
height: 375px !important;
width: 100% !important;
}

div[data-widgetid='26534'] .amev-event-title{
font-size: 12px !important;
}

div[data-widgetid='26534'] .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 */
}

.bookmarked {
  --bm-purple: #59376d;
  --bm-hover: #40264f;
  --bm-soft: #f4edf7;
  --bm-text: #30283a;
  --bm-muted: #65576c;
  --bm-line: #d9cddd;
  --bm-rule: #59376d;
  display: block;
  clear: both;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 56px 0;
  padding-block: clamp(36px, 5vw, 64px);
  background: #fff;
  color: var(--bm-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
  overflow-wrap: anywhere;
  scroll-margin-top: 90px;
}

.bookmarked,
.bookmarked *,
.bookmarked *::before,
.bookmarked *::after {
  box-sizing: border-box;
}

.bookmarked h1,
.bookmarked h2,
.bookmarked h3,
.bookmarked p,
.bookmarked ul,
.bookmarked ol {
  margin: 0 0 16px;
  padding: 0;
  color: var(--bm-text);
  font-family: inherit;
}

.bookmarked p,
.bookmarked li {
  font-size: 16px;
  line-height: 1.65;
}

.bookmarked h1,
.bookmarked h2,
.bookmarked h3 {
  font-weight: 700;
  line-height: 1.25;
}

.bookmarked h2 { font-size: 32px; }
.bookmarked h3 { font-size: 20px; }
.bookmarked strong { font-weight: 700; }
.bookmarked em { font-style: italic; }

.bookmarked img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  border: 0;
}

.bookmarked a:not(.bm-button) {
  color: var(--bm-purple) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.bookmarked a:not(.bm-button):hover {
  color: var(--bm-hover) !important;
}

.bookmarked a:focus-visible,
.bookmarked summary:focus-visible {
  outline: 3px solid var(--bm-purple);
  outline-offset: 4px;
}

.bookmarked .bm-inner {
  width: 100%;
  max-width: 1364px;
  margin: 0 auto;
  padding: 0 32px;
}

.bookmarked .bm-inner > :last-child,
.bookmarked .bm-split > div > :last-child,
.bookmarked .bm-card-body > :last-child,
.bookmarked .bm-notice > :last-child,
.bookmarked .bm-faq-body > :last-child {
  margin-bottom: 0;
}

.bookmarked .bm-split {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: center;
  gap: 40px;
}

.bookmarked .bm-split > *,
.bookmarked .bm-grid > * {
  min-width: 0;
}

.bookmarked .bm-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.bookmarked .bm-heading {
  margin: 0 0 24px;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 3px solid var(--bm-rule);
  font-size: clamp(26px, 2.6vw, 34px);
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.bookmarked .bm-heading-inline {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0;
  border: 0;
}

.bookmarked .bm-heading-inline::after {
  content: "";
  flex: 1 0 32px;
  height: 2px;
  background: var(--bm-rule);
}

.bookmarked .bm-eyebrow {
  margin-bottom: 8px;
  color: var(--bm-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bookmarked .bm-subtitle {
  margin-bottom: 12px;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 600;
  line-height: 1.35;
}

.bookmarked .bm-intro { font-size: 18px; }
.bookmarked .bm-reading-width { max-width: 75ch; }
.bookmarked .bm-small { font-size: 14px; }

.bookmarked .bm-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 22px 0 0;
}

.bookmarked a.bm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 20px;
  border: 1px solid var(--bm-purple);
  border-radius: 10px;
  background: var(--bm-purple);
  color: #fff !important;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  cursor: pointer;
}

.bookmarked a.bm-button:hover,
.bookmarked a.bm-button:focus-visible {
  background: var(--bm-hover);
  border-color: var(--bm-hover);
  color: #fff !important;
}

.bookmarked a.bm-button-outline {
  background: #fff;
  color: var(--bm-purple) !important;
}

.bookmarked a.bm-button-light {
  background: #fff;
  border-color: #fff;
  color: var(--bm-purple) !important;
}

.bookmarked a.bm-button-light:hover,
.bookmarked a.bm-button-light:focus-visible {
  background: #f4edf7;
  border-color: #f4edf7;
  color: var(--bm-purple) !important;
}

.bookmarked.bm-hero { background: #e8d5ed; }
.bookmarked.bm-soft { background: var(--bm-soft); }
.bookmarked.bm-cream { background: #f5eddf; }

.bookmarked.bm-purple {
  --bm-text: #fff;
  --bm-muted: #eee2f3;
  --bm-rule: #f5bfaf;
  background: #59376d;
}

.bookmarked.bm-purple a:focus-visible {
  outline-color: #fff;
}

.bookmarked .bm-hero-layout {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.bookmarked .bm-title {
  margin: 12px 0 22px;
  color: #3f358d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(36px, 5vw, 74px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.bookmarked .bm-title span {
  display: block;
  margin-top: 9px;
  font-size: 0.51em;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.bookmarked .bm-date {
  color: #a92c22;
  font-weight: 700;
}

.bookmarked .bm-date time {
  display: inline-block;
}

.bookmarked .bm-collage {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: end;
  gap: 12px;
}

.bookmarked .bm-collage img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 10px;
}

.bookmarked .bm-collage img + img {
  height: 280px;
  margin-bottom: 28px;
  border-bottom: 8px solid #ee503e;
}

.bookmarked .bm-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
  padding: 0;
  list-style: none;
  counter-reset: bm-step;
}

.bookmarked .bm-steps > li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-content: start;
  gap: 12px;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--bm-line);
  border-radius: 10px;
  background: var(--bm-soft);
  counter-increment: bm-step;
}

.bookmarked .bm-steps > li::before {
  content: counter(bm-step);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--bm-purple);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.bookmarked .bm-steps h3 {
  margin-bottom: 8px;
  font-size: 17px;
}

.bookmarked .bm-steps p {
  margin-bottom: 0;
}

.bookmarked .bm-notice {
  margin: 24px 0 0;
  padding: 28px;
  border: 1px solid var(--bm-line);
  border-left: 5px solid #ee503e;
  border-radius: 10px;
  background: var(--bm-soft);
}

.bookmarked .bm-points-intro {
  margin-bottom: 28px;
}

.bookmarked .bm-points-photo {
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  border-radius: 10px;
}

.bookmarked .bm-base-points {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 24px 0;
}

.bookmarked .bm-base-points p {
  margin: 0;
}

.bookmarked .bm-score {
  display: grid;
  align-content: center;
  justify-items: center;
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--bm-purple);
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}

.bookmarked .bm-score strong {
  font-family: Georgia, serif;
  font-size: 34px;
  line-height: 1;
}

.bookmarked .bm-bonuses {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bookmarked .bm-bonuses > li {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid var(--bm-line);
}

.bookmarked .bm-bonuses p {
  margin: 0;
  font-weight: 600;
}

.bookmarked .bm-bonuses > li:nth-child(2) .bm-score {
  background: #3f358d;
}

.bookmarked .bm-bonuses > li:nth-child(3) .bm-score,
.bookmarked .bm-bonuses > li:nth-child(4) .bm-score {
  background: #20545b;
}

.bookmarked .bm-bonuses > li:nth-child(5) .bm-score,
.bookmarked .bm-bonuses > li:nth-child(6) .bm-score {
  background: #972333;
}

.bookmarked .bm-book-layout,
.bookmarked .bm-festival-layout {
  grid-template-columns: minmax(180px, 0.65fr) minmax(0, 1.65fr);
}

.bookmarked .bm-cover {
  width: 100%;
  max-width: 267px;
  height: auto;
  margin: 0 auto;
}

.bookmarked .bm-author {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  border-radius: 50%;
}

.bookmarked .bm-festival-date {
  font-size: 20px;
  font-weight: 700;
}

.bookmarked .bm-prizes {
  margin-bottom: 28px;
}

.bookmarked .bm-card {
  margin: 0;
  border: 2px solid #e8d2ed;
  border-radius: 16px;
  background: #fff;
}

.bookmarked .bm-card-body {
  padding: 24px;
}

.bookmarked .bm-faq {
  margin: 24px 0 0;
  border: 1px solid var(--bm-line);
  border-radius: 10px;
  background: #fff;
}

.bookmarked .bm-faq > summary {
  display: list-item;
  padding: 18px 20px;
  border-radius: 9px;
  background: var(--bm-soft);
  color: var(--bm-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.bookmarked .bm-faq[open] > summary {
  border-radius: 9px 9px 0 0;
}

.bookmarked .bm-faq-body {
  padding: 24px;
}

.bookmarked .bm-rule-list {
  margin: 0;
  padding-left: 24px;
  list-style: decimal;
}

.bookmarked .bm-rule-list li {
  margin: 0;
  padding: 0;
}

.bookmarked .bm-rule-list li + li {
  margin-top: 16px;
}

.bookmarked .bm-sponsor {
  margin: 28px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--bm-line);
}

@media (max-width: 991px) {
  .bookmarked .bm-steps {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .bookmarked .bm-inner {
    padding: 0 20px;
  }

  .bookmarked .bm-split,
  .bookmarked .bm-hero-layout,
  .bookmarked .bm-book-layout,
  .bookmarked .bm-festival-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .bookmarked .bm-collage {
    max-width: 560px;
  }

  .bookmarked .bm-collage img {
    height: 260px;
  }

  .bookmarked .bm-collage img + img {
    height: 220px;
    margin-bottom: 16px;
  }

  .bookmarked .bm-cover {
    max-width: 210px;
  }

  .bookmarked .bm-author {
    max-width: 240px;
  }
}

@media (max-width: 680px) {
  .bookmarked .bm-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bookmarked .bm-heading-inline {
    display: block;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--bm-rule);
  }

  .bookmarked .bm-heading-inline::after {
    display: none;
  }

  .bookmarked .bm-notice,
  .bookmarked .bm-card-body,
  .bookmarked .bm-faq-body {
    padding: 20px;
  }
}

@media (max-width: 420px) {
  .bookmarked .bm-inner {
    padding: 0 18px;
  }

  .bookmarked .bm-collage img {
    height: 220px;
  }

  .bookmarked .bm-collage img + img {
    height: 185px;
  }

  .bookmarked .bm-steps > li {
    padding: 17px;
  }
}

.bmk {
  --plum: #59356c;
  --indigo: #37338e;
  --lavender: #e8d2ed;
  --coral: #e7713d;
  --red: #b93227;
  --cream: #f3eadb;
  --ink: #261b2d;
  box-sizing: border-box;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 16px;
  color: var(--ink);
  background: #fff;
  font: 17px/1.55 Arial, Helvetica, sans-serif;
  text-align: left;
  overflow-wrap: break-word;
  scroll-margin-top: 24px;
}
.bmk *, .bmk *::before, .bmk *::after { box-sizing: border-box; }
.bmk h1, .bmk h2, .bmk h3, .bmk p, .bmk figure, .bmk ul, .bmk ol {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  letter-spacing: normal;
  text-transform: none;
}
.bmk h2 { font-size: 38px; font-weight: 700; line-height: 1.12; }
.bmk h3 { font-size: 22px; font-weight: 700; line-height: 1.25; }
.bmk p { font-size: 17px; line-height: 1.55; }
.bmk li { margin: 0; padding: 0; }
.bmk img { display: block; max-width: 100%; height: auto; border: 0; }
.bmk a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.bmk a:hover { text-decoration-thickness: 2px; }
.bmk a:focus { outline: 3px solid currentColor; outline-offset: 5px; }
.bmk .bmk-pad { padding: 38px 42px; }
.bmk .bmk-label { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }

.bmk .bmk-button {
  display: inline-block;
  padding: 13px 20px;
  border: 2px solid var(--indigo);
  border-radius: 0;
  background: var(--indigo);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
}
.bmk .bmk-button:hover { background: var(--ink); border-color: var(--ink); }
.bmk .bmk-button-light { background: #fff; border-color: #fff; color: var(--plum); }
.bmk .bmk-button-light:hover { background: var(--cream); border-color: var(--cream); }

.bmk .bmk-masthead { padding: 36px 42px 32px; background: var(--lavender); color: var(--indigo); }
.bmk .bmk-masthead .bmk-label { margin-bottom: 14px; color: var(--ink); }
.bmk .bmk-title { font-family: Georgia, 'Times New Roman', serif; font-weight: 700; line-height: .98; }
.bmk .bmk-title-word { display: block; font-size: clamp(32px, 9.4vw, 120px); letter-spacing: -2.5px; }
.bmk .bmk-title-sub { display: block; margin-top: 6px; font-size: clamp(28px, 4.5vw, 48px); letter-spacing: -1px; }
.bmk .bmk-dates { margin-top: 22px; color: var(--red); font-size: 23px; font-weight: 700; line-height: 1.3; }
.bmk .bmk-dates span { display: inline-block; }

.bmk .bmk-cover { display: grid; grid-template-columns: 1.12fr 1fr; gap: 12px; margin-top: 12px; }
.bmk .bmk-intro { padding: 34px 42px; background: var(--plum); color: #fff; }
.bmk .bmk-intro h2 { max-width: 470px; font-size: 35px; }
.bmk .bmk-intro p { margin-top: 20px; font-size: 19px; }
.bmk .bmk-intro .bmk-label { font-size: 13px; }
.bmk .bmk-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px 24px; margin-top: 26px; }
.bmk .bmk-actions > a { font-weight: 700; }

.bmk .bmk-feature { display: flex; flex-direction: column; background: var(--lavender); }
.bmk .bmk-book-stage { position: relative; flex: 1; min-height: 330px; background: var(--cream); }
.bmk .bmk-book { position: relative; width: 200px; margin: 20px 13% 20px auto; transform: rotate(4deg); }
.bmk .bmk-portrait {
  position: absolute;
  left: calc(50% - 100px);
  bottom: 24px;
  width: 160px;
  height: 160px;
  border: 0px solid var(--cream);
  border-radius: 50%;
  object-fit: cover;
}
.bmk .bmk-feature figcaption { padding: 18px 28px; color: var(--plum); }
.bmk .bmk-feature figcaption strong { display: block; font-family: Georgia, font-size: 25px; line-height: 1.2; }
.bmk .bmk-feature figcaption span { display: block; margin-top: 5px; }

.bmk .bmk-photo-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.bmk .bmk-photo-strip img { width: 100%; height: 175px; object-fit: cover; }
.bmk .bmk-nav { padding: 18px 24px; background: var(--indigo); color: #fff; }
.bmk .bmk-nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 28px; list-style: none; }
.bmk .bmk-nav a { display: inline-block; padding: 7px 0; font-size: 16px; font-weight: 700; }

.bmk.bmk-how {
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax -16px);
}
.bmk .bmk-red-heading { color: var(--red); }
.bmk .bmk-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin-top: 28px; list-style: none; }
.bmk .bmk-step-number { display: block; margin-bottom: 8px; color: var(--plum); font: 700 52px/1 Georgia, 'Times New Roman', serif; }
.bmk .bmk-steps h3 { margin-bottom: 10px; color: var(--plum); }
.bmk .bmk-deadline { margin-top: 28px; padding-top: 20px; border-top: 1px solid #cbbda9; font-weight: 700; }

.bmk .bmk-points-banner { display: grid; grid-template-columns: 1.6fr 1fr; gap: 12px; }
.bmk .bmk-points-title { position: relative; overflow: hidden; padding: 70px 42px 32px; background: var(--coral); color: #fff; }
.bmk .bmk-points-title h2 { position: relative; font-size: 48px; }
.bmk .bmk-pencil { position: absolute; top: 12px; left: -20px; width: 195px; height: 20px; background: var(--plum); transform: rotate(20deg); }
.bmk .bmk-pencil::after {
  position: absolute;
  right: -26px;
  top: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 26px solid #fff;
  content: '';
}
.bmk .bmk-points-banner img { width: 100%; height: 100%; min-height: 230px; max-height: 300px; object-fit: cover; object-position: center 40%; }
.bmk .bmk-points-body { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); align-items: start; gap: 42px;   margin: 0;
}
.bmk .bmk-points-summary { grid-column: 2; grid-row: 1; }
.bmk .bmk-points-list { display: grid; grid-column: 1; grid-row: 1; gap: 22px; list-style: none; }

.bmk .bmk-point { --point: var(--plum); display: grid; grid-template-columns: 94px minmax(0, 1fr); align-items: center; gap: 34px; }
.bmk .bmk-point:nth-child(2) { --point: var(--indigo); }
.bmk .bmk-point:nth-child(3) { --point: #194c53; }
.bmk .bmk-point:nth-child(4) { --point: var(--lavender); }
.bmk .bmk-point:nth-child(5) { --point: #961b28; }
.bmk .bmk-point:nth-child(6) { --point: var(--coral); }
.bmk .bmk-score {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: var(--point);
  color: #fff;
  font: 16px/1 Georgia, 'Times New Roman', serif;
}

.bmk .bmk-points-banner {
  background: #fff;
}

.bmk .bmk-points-title {
  box-shadow: 0 0 0 100vmax var(--coral);
  clip-path: inset(0 0 0 -100vmax);
}

@media (min-width: 681px) {
  .bmk .bmk-points-title {
    padding: 56px 42px 24px;
  }

  .bmk .bmk-points-banner img {
    height: 210px;
    min-height: 0;
    object-fit: cover;
    object-position: center 40%;
  }
}

.bmk .bmk-score::after { position: absolute; right: -25px; top: 45px; width: 25px; height: 4px; background: var(--point); content: ''; }
.bmk .bmk-score em { font-size: 15px; letter-spacing: 1px; }
.bmk .bmk-score strong { margin: 1px 0 2px; font-size: 39px; font-weight: 400; }
.bmk .bmk-point:nth-child(4) .bmk-score,
.bmk .bmk-point:nth-child(6) .bmk-score { color: var(--ink); }
.bmk .bmk-point p { color: var(--point); font-size: 20px; font-weight: 700; line-height: 1.3; }
.bmk .bmk-point:nth-child(4) p { color: var(--plum); }
.bmk .bmk-point:nth-child(6) p { color: var(--red); }

.bmk .bmk-five { padding: 28px; background: #fff; color: var(--indigo); text-align: center; 
  margin: 0;
  border: 2px solid #e8d2ed;
  border-radius: 16px;
}

.bmk .bmk-five-number { display: block; font: 700 100px/.95 Georgia, 'Times New Roman', serif; }
.bmk .bmk-five h3 { margin: 6px 0 12px; font-size: 27px; }
.bmk .bmk-five p { font-size: 19px; }
.bmk .bmk-round-reader { width: 240px; height: 240px; margin: 28px auto 0; border-radius: 50%; object-fit: cover; object-position: 48% center; }

.bmk.bmk-prizes { background: var(--cream); }
.bmk .bmk-prize-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin-top: 28px; }
.bmk .bmk-prize { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: start; gap: 18px; }
.bmk .bmk-prize-number { color: var(--plum); font: 700 78px/1 Georgia, 'Times New Roman', serif; }
.bmk .bmk-prize h3 { margin-bottom: 10px; color: var(--plum); }
.bmk .bmk-prize-note { margin-top: 26px; padding-top: 20px; border-top: 1px solid #cbbda9; }

.bmk .bmk-festival-grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 12px; }
.bmk .bmk-date-stamp { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 20px; background: var(--coral); color: var(--ink); }
.bmk .bmk-date-stamp span { font-size: 25px; font-weight: 700; }
.bmk .bmk-date-stamp strong { font: 700 112px/1 Georgia, 'Times New Roman', serif; }
.bmk .bmk-festival-copy { padding: 36px 40px; background: var(--lavender); color: var(--plum); }
.bmk .bmk-festival-copy h2 { margin: 8px 0 18px; font-family: Georgia, 'Times New Roman', serif; font-size: 42px; }
.bmk .bmk-festival-copy p + p { margin-top: 14px; }
.bmk .bmk-festival-copy .bmk-event-name { font-size: 21px; font-weight: 700; line-height: 1.3; }

.bmk .bmk-guidelines-banner { display: grid; grid-template-columns: 1.6fr 1fr; gap: 12px; align-items: center; }
.bmk .bmk-guidelines-banner h2 { padding: 28px 42px; color: var(--red); font-size: 48px; }
.bmk .bmk-guidelines-banner img { width: 100%; height: 210px; object-fit: cover; object-position: center 52%; }
.bmk .bmk-rules { margin-top: 12px; padding: 34px 42px 34px 70px; background: var(--plum); color: #fff; }
.bmk .bmk-rules ol { list-style: decimal outside; }
.bmk .bmk-rules li { padding-left: 7px; font-size: 17px; line-height: 1.55; }
.bmk .bmk-rules li + li { margin-top: 17px; }
.bmk .bmk-sponsor { margin-top: 12px; padding: 24px 30px; background: var(--cream); text-align: center; }

@media (max-width: 900px) {
  .bmk .bmk-pad, .bmk .bmk-intro { padding: 30px; }
  .bmk .bmk-masthead { padding: 30px; }
  .bmk .bmk-intro h2 { font-size: 30px; }
  .bmk .bmk-book { margin-right: 9%; width: 175px; }
  .bmk .bmk-portrait { width: 136px; height: 136px; }
  .bmk .bmk-points-body { gap: 26px; }
  .bmk .bmk-point { grid-template-columns: 82px minmax(0, 1fr); gap: 25px; }
  .bmk .bmk-score { width: 82px; height: 82px; }
  .bmk .bmk-score::after { top: 39px; width: 18px; right: -18px; }
  .bmk .bmk-point p { font-size: 18px; }
  .bmk .bmk-round-reader { width: 200px; height: 200px; }
  .bmk .bmk-prize { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  .bmk .bmk-prize-number { font-size: 66px; }
  .bmk .bmk-festival-grid { grid-template-columns: 190px minmax(0, 1fr); }
  .bmk .bmk-festival-copy { padding: 30px; }
}

@media (max-width: 680px) {
  .bmk .bmk-pad, .bmk .bmk-intro, .bmk .bmk-masthead { padding: 26px 22px; }
  .bmk h2 { font-size: 32px; }
  .bmk .bmk-title-word { font-size: clamp(31px, 8.7vw, 58px); letter-spacing: -1.2px; }
  .bmk .bmk-title-sub { font-size: 30px; }
  .bmk .bmk-dates { font-size: 20px; margin-top: 18px; }
  .bmk .bmk-cover, .bmk .bmk-points-body, .bmk .bmk-prize-grid { grid-template-columns: minmax(0, 1fr); }
  .bmk .bmk-intro h2 { max-width: none; font-size: 31px; }
  .bmk .bmk-intro p { font-size: 18px; }
  .bmk .bmk-book-stage { flex: none; min-height: 320px; }
  .bmk .bmk-book { width: 185px; margin-right: calc(50% - 125px); }
  .bmk .bmk-portrait { left: calc(50% - 135px); width: 136px; height: 136px; }
  .bmk .bmk-photo-strip { gap: 8px; }
  .bmk .bmk-photo-strip img { height: 115px; }
  .bmk .bmk-nav { padding: 12px 20px; }
  .bmk .bmk-nav ul { justify-content: flex-start; column-gap: 22px; }
  .bmk .bmk-steps { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .bmk .bmk-steps li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 16px; }
  .bmk .bmk-step-number { font-size: 43px; }
  .bmk .bmk-points-banner { grid-template-columns: 1.35fr 1fr; gap: 8px; }
  .bmk .bmk-points-title { padding: 58px 20px 24px; }
  .bmk .bmk-points-title h2 { font-size: 32px; }
  .bmk .bmk-points-banner img { min-height: 205px; }
  .bmk .bmk-pencil { width: 130px; }
  .bmk .bmk-point { grid-template-columns: 82px minmax(0, 1fr); }
  .bmk .bmk-points-summary, .bmk .bmk-points-list { grid-column: 1; grid-row: auto; }
  .bmk .bmk-round-reader { display: none; }
  .bmk .bmk-prize-grid { gap: 28px; }
  .bmk .bmk-prize { grid-template-columns: 86px minmax(0, 1fr); }
  .bmk .bmk-festival-grid { grid-template-columns: minmax(0, 1fr); }
  .bmk .bmk-date-stamp { flex-direction: row; gap: 18px; padding: 20px; }
  .bmk .bmk-date-stamp strong { font-size: 66px; }
  .bmk .bmk-date-stamp span { font-size: 22px; }
  .bmk .bmk-festival-copy { padding: 28px 22px; }
  .bmk .bmk-festival-copy h2 { font-size: 35px; }
  .bmk .bmk-guidelines-banner { grid-template-columns: 1.35fr 1fr; gap: 8px; }
  .bmk .bmk-guidelines-banner h2 { padding: 22px 18px; font-size: clamp(26px, 6vw, 31px); }
  .bmk .bmk-guidelines-banner img { height: 170px; }
  .bmk .bmk-rules { padding: 26px 22px 26px 45px; }
  .bmk .bmk-sponsor { padding: 22px; }
}

.bmk .bmk-guidelines-banner {
  grid-template-columns: 1fr 1.6fr;
  align-items: stretch;
  gap: 12px;
  background: #fff;
}

.bmk .bmk-guidelines-banner img {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 210px;
  min-height: 0;
  object-fit: cover;
  object-position: center 52%;
}

.bmk .bmk-guidelines-banner h2 {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  min-height: 210px;
  padding: 48px 42px;
  background: var(--plum);
  color: #fff;
  font-size: 48px;
  line-height: 1.12;
  text-align: left;
  box-shadow: 0 0 0 100vmax var(--plum);
  clip-path: inset(0 -100vmax 0 0);
}

@media (max-width: 680px) {
  .bmk .bmk-guidelines-banner {
    gap: 8px;
  }

  .bmk .bmk-guidelines-banner img {
    height: 160px;
  }

  .bmk .bmk-guidelines-banner h2 {
    min-height: 160px;
    padding: 44px 18px;
    font-size: 26px;
  }
}

#bmk-points .bmk-points-body {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr);
}

#bmk-points .bmk-points-summary {
  grid-column: 1;
  grid-row: 1;
}

#bmk-points .bmk-points-list {
  grid-column: 2;
  grid-row: 1;
}

#bmk-points .bmk-points-feature {
  position: relative;
  width: 300px;
  max-width: 100%;
  margin: 32px auto 0;
  padding: 0 12px 8px 72px;
}

#bmk-points .bmk-points-book {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  transform: rotate(3deg);
}

#bmk-points .bmk-points-author {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 136px;
  max-width: 46%;
  height: auto;
  border: 4px solid #fff;
  border-radius: 50%;
}

@media (max-width: 680px) {
  #bmk-points .bmk-points-body {
    grid-template-columns: minmax(0, 1fr);
  }

  #bmk-points .bmk-points-summary {
    grid-column: 1;
    grid-row: 1;
  }

  #bmk-points .bmk-points-list {
    grid-column: 1;
    grid-row: 2;
  }
}

.bmk.bmk-how {
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax -16px);
}

.bmk .bmk-how-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  align-items: stretch;
  gap: 12px;
  background: #fff;
}

.bmk .bmk-how-banner > img {
  display: block;
  width: 100%;
  height: 210px;
  min-height: 0;
  margin: 0;
  object-fit: cover;
  object-position: 60% 20%;
}

.bmk .bmk-how-heading {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 210px;
  padding: 28px 42px;
  background: #008080;
  box-shadow: 0 0 0 100vmax #008080;
  clip-path: inset(0 -100vmax 0 0);
}

.bmk .bmk-how-heading h2 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.12;
  text-align: left;
}

.bmk.bmk-how .bmk-steps {
  margin-top: 0;
}

@media (max-width: 680px) {
  .bmk .bmk-how-banner {
    gap: 8px;
  }

  .bmk .bmk-how-banner > img {
    height: 160px;
  }

  .bmk .bmk-how-heading {
    min-height: 160px;
    padding: 24px 18px;
  }

  .bmk .bmk-how-heading h2 {
    font-size: 26px;
  }
}

@media (max-width: 1024px) {
  .bookmarked .bm-hero-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .bookmarked .bm-collage {
    width: 100%;
    max-width: 560px;
  }
}

@media (max-width: 680px) {
  .bmk .bmk-how-banner,
  .bmk .bmk-guidelines-banner {
    align-items: stretch;
  }

  .bmk .bmk-how-banner > img,
  .bmk .bmk-guidelines-banner > img {
    display: block;
    width: 100%;
    height: 100% !important;
    min-height: 160px;
    max-height: none;
    align-self: stretch;
    object-fit: cover;
  }
}