/*
Theme Name: Customizr Pro Child
Version: 1.0
Description: A child theme of Customizr Pro
Template: customizr-pro
Author: Brian White
*/
/* Your awesome customization starts here */





/* -------------------------------------------------------------------------------------------------

!!!When adding styles to this style sheet please place them according to the Table of Contents below. Make sure to add an entry if needed!!!

---------- !!!Table of Contents!!! -------------
S. Alerts and Broadcasts
	S1. Front Page


1. 	Global (styles that affect most or all pages of the site)
	1A. Header/Navigation
		Header Tag
			Top Border
		Max Mega Menu
			Learn Widget
			Events Widget
			Donate Widget (formerly Support then Get Involved)
			WYPL Widget
			Account Widget
		Search Form
		Nav Bar Styles to accommodate Google Translate Bar
	1B. Body/Main
		Body tag
		Block Editor
			Images
			Tables
			Test
		Buttons
		Captions
		Columns 60-5-35
		Columns 47.5-5-47.5
		Events Calendar
		Events - SignUp Styles
			Home Page
		Flexbox
			3 Row Flexbox using 1170px
		Forms
		Full width Page Styles
			Full Width Backgrounds with Blocks
		Grid Layouts
		Hiding Class
		Home Page
			New Redesign for Home Page
				New Feature modeled after DCA
			Feature Images
			Slider
			Static Page Redesign
		Iframes - Responsive
		Line Divider / HR tag
		Logo Gallery
		Padding
		Page Navigations
			Subnav
		Page Text Styling
			Header 2
			Header Left
		Positioning
			Clear Floats
		Responsive Image
		Scrolling Text
		Soliloquy Slider
			CENTERS THE SLIDER
		Tables
		Video Player
			Gallery Box
	1C. Sidebars
		Subnav Widget
	1D. Footer
		Background color
		Contact Info
		Hides bottom footer
		Links for Footer
		Social Media
		Fullwidth Fix
	1E. Google Translate
		Fix for extra white space at the bottom of the page

2.	Pages (For styles that only affect a single or group of pages and are not global)
		404 and No Result Pages
		Access buttons and Categories for Pages
		Accounts page
		AYPL
		Becoming American
		Bicentennial
		Black History Month
		Blog Posts
			XPRIZE
		Bookstock
		CLOUD901
		Comic: Virus comic
		Digital Archives
			Mid-South Coliseum Collection
		DiscoverREAD Page
		Democracy, Diversity, Discourse
		Donate
		Eliminating Fines
		Events at Library Page
		Events Calendar
		Explore Memphis
		Great Conversations
		It Looks so Different!
		Library Card and Catalog Help
		Location Page !NEW! Design
			Branch Page !NEW! Design
		Location Page Tables
			Central Library
		Meeting Room Page Table
		Memphis Reads Blog
		(My Life in China) MLIC program
		Posts & Events
			National Hispanic Heritage Month
			Pride Kickoff 2019
		Quicklist
			CLOUD901
			Cyber Security
			Multiple Row options
			Book Covers
		Research Pages
			Government
		Resource Pages
			Grow with Google
			Spacer
		Search Results
		Start Here
			Meter
		Start Here Video Posts
        Start Here with the eCollection
		Summer Camps
        Test Home Page 2022
		WYPL Schedule
		Personal Finance Menu
		Misc
3.	Media Queries 
		@media screen and (max-width: 500px)
		@media screen and (max-width: 800px)
4.  Kiosk
5.	Print

------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------- S. Alerts and Important Broadcasts ------------------------------------------------------ */


/* ----- S1. Front Page ------- */
/* ---- New Closing Alert ---- */
.topPageNotice {
	position: relative;
	text-align: center;
	box-sizing: border-box;
}

.noticeTrigger {
	position: absolute;
	top: 0;
	left: 10px;
	font-weight: bold;
	z-index: 100;
	background: #e9eaee;
	border-radius: 0 0 5px 5px;
	padding: 5px 10px;
	margin: 0;
}

.topPageNotice .collapseomatic_content {
	margin: 0;
}

.notice-item-wrap {
	padding: 10px 0 10px 60px;
	margin: 0;
	font-size: calc(0.8rem + 0.5vw);
	box-sizing: border-box;
}

/* --- Collapsing Alert --- */
.alert-wrapper {
	background: rgb(141,28,32);
	text-align: right;
	color: #fff;
}

#libaryAlertTop {
	
}

.alertTrigger {
    display: inline-block;
    padding: 5px 10px 5px 15px;
    background-position: center left;	
}

#target-libaryAlertTop {
	padding: 15px;
    margin-left: 0;
    text-align: center;
    font-size: calc(15px + 0.5vw);	
}

.alert-textwrapper {
	font-weight: bold;
    display: inline-block;	
}

.mpl-alert-btn {
    display: inline-block;
    border: 3px solid #fff;
    padding: 6px 10px;
    color: #fff;
    margin: 10px;
	background: transparent;
	font-weight: bold;
}

.mpl-alert-btn:hover {
    color: rgb(141,28,32);
	background: #fff;
	text-decoration: none;
}

.alert-item-wrap {
	line-height: 1.3;
}

/* --- Page Alerts --- */
.pagealert {
	background: rgb(141,28,32);
	color: #fff;
	padding: 15px 10px;
	margin: 10px 0;
	font-weight: bold;
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
}

/* ----------------- COVID Response Pages - Styles here may be moved alter --------------------- */
.fb-col-wrapper figure {
	margin-top: 0;
}

.fb-col-wrapper .wp-block-column.fb-col-iframe {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
}

.fbvid-wrapper {
	background-color: #000;
	padding: 0;
}

.fbvid-wrapper iframe {
	display: block;
	margin: 0 auto;
}

.eventsuspend.signup-full-link {
	display: none;
}

.eventsuspend.signup-info-container {
	display: none;
}

.branch-indiv-block.eventsuspend::after {
	content: "All events are suspended until further notice.";
	display: block;
	font-size: 2rem;
	line-height: 1.05;
}

/* --- Free Online Resource Page --- */
.freeonline-resource-wrapper {
	margin-bottom: 35px;
}

.freeonline-resource-wrapper h2 {
	font-size: 1.7em;
	text-shadow: none;
}

/* ---------------------------------------------------------- 1. GLOBALS --------------------------------------------------------------------------- */

/* --------------------------------------------------------------- 1A. Header/Navigation ---------------------------------- */
/* ---------------------------------- Header -------------------------------------*/

/* ---------------------- Border --------------------- */

.tc-header {
	border-top: 5px solid #e42434;
}


/* ---------------------------------- Max Mega Menu Styles -------------------------------------*/
/* --- this removes the margin from p tags added around shortcoder comments --- */
#mega-menu-wrap-main #mega-menu-main p {
	margin-bottom: 0;
}

/* ------------------------ Learn Widget ----------------------- */
.nav-learn-image {
	width: 400px;
	height: 130px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	background-size: 146.25% 678.4615385%;
	background-position: 0 0;
}

/* ------------------------ Events Widget ----------------------- */
.nav-events-image {
	width: 366.21px;
	height: 117.38px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	background-size: 150% 705.6%;	
	background-position: 0 19.8150594%;
}

.nav-events-image2 {
	width: 218.787px;
	height: 117.38px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	background-size: 250% 705.6%;
	background-position: 0 100%;
}

/* ---------------------- Donate Widget (Formerly Get Involved Widget) ---------------------- */
/* --- Logo Block ---*/
.donate-container img {
	display: inline-block;
	vertical-align: bottom;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;	
}

/* -- Tempt to hide CKB image and link -- */
.donate-ckb-container {
	visibility: hidden;
}

.donate-mlf-container {
	line-height: 80px;
}

.mlf-image {
	width: 585px;
	height: 90px;
	margin: 0;
	background-size: 100% 980%;
	background-position: 0 35.35353535%;
}

.mlf-mission {
	margin: 10px 0 5px;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

.ckb-image {
	width: 277.7px;
	height: 121.74px;
	background-position: 0 80.89337858%;
	background-size: 210.6589845% 724.494825%;
}

.fol-image {
	width: 277.7px;
	height: 139.792px;
	margin: 0;
	background-size: 210.6589845% 630.9373927%;
	background-position: 0 50.52492024%;
}

.folphotos {
	width: 277.7px;
	height: 135px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	background-size: 210.6589845% 653.333333%;
	background-position: 99.90237553% 100%;
}

.donate-seb-container {
	position: absolute;
	bottom: 235px;
	left: 220px;
	width: 380.267px;
	height: 82px;
}

.seb-image {
	width: 380.267px;
	height: 82px;
	background-position: 0 65.625%;
	background-size: 153.8392761% 1075.609756%;
}

.fol-image:hover, .mlf-image:hover, .seb-image:hover, .ckb-image:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/* ---------------------- WYPL Widget Styles ------------------ */

.wypl-widget {
	box-sizing: border-box;	
	width: 100%;
	height: 117px;
	position: absolute;
	bottom: 30px;
	left: 215px;
	padding: 0;
	margin: 0;
}

.wypl-widget:after {
  display: table;
  clear: both;
  content: '';	
}

.wypl-widget-blog {
	float: left;
	padding: 0;
	margin: 0;
	width: 119.6px;
	height: 107.64px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	background-size: 450% 753.8461538%;	
}

.wypl-widget-blog:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#booktalk {
	background-position: 100% 80.91503268%;
	margin-left: 2px;
	margin-right: 3px;
}

#books-and-more {
	background-position: 100% 64.96732026%;
	margin-left: 4px;
	margin-right: 4px;
}

#eye-on-vision {
	background-position: 100% 49.01960784%;
	margin-left: 2px;
	margin-right: 0;
}


/* ---------------------- Accounts Widget --------------------- */
div[class^="nav-accounts"] {
	box-sizing: border-box;
}

.nav-accounts-container {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

.nav-accounts-cell {
	display: table-cell;
	vertical-align: top;
	padding: 0;
}

.nav-accounts-table {
	display: table;
	border-spacing: 0;
}

.nav-toptitle-container {
	width: 100%;
}

.nav-leftlogo-container {
	width: 15%;
}

.nav-righttext-container {
	width: 85%;
}

/* ----- Recreates Title to look like Max Mega Menu ------ */
.nav-accounts-title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #3c3c3c;
	margin-bottom: 10px;
}

.nav-accounts-title a {
	color: #000;
}

.nav-accounts-title a:hover {
	color: #eb3937;
	text-decoration: none;	
}

.nav-accounts-title .fa.fa-user-circle {
	margin-right: 5px;
}

/* ---- Accounts logos ---- */
.nav-accounts-logo {
	width: 4.75em;
	height: 4.75em;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	background-size: 780% 1176%;
}

#nav-lib-logo {
	background-position: 100% 0;
}

#nav-overdrive-logo {
	background-position: 100% 19.82651797%;
}

#nav-oneclick-logo {
	background-position: 100% 9.913258984%;
}

#nav-oneclick-logo:hover, #nav-overdrive-logo:hover, #nav-lib-logo:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


/* --------------------------------------- New Search Form Styles ---------------------------------------- */

.tc-header .widget_search {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(77,77,77,0.25);
}

.widget_search:after {
  display: table;
  clear: both;
  content: '';
}

.sitesearch {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

.sitesearch-container {
	min-width: 426px;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: middle;
}

#search-our-text {
	font-weight: bold;
	display: inline-block;
}

.sitesearch-container select {
	display: inline-block;
	width: 108px;
}

.mpl-search-1 {
	display: inline-block;
	margin-right: 7px;
}

.mpl-search-container {
	display: inline-block;
}
	
.mplicsearchform {
	margin: 9px 0 0 0 ;
	padding: 0;
	display: inline-block;

}

.mplicsearchform [type=text] {
	display: inline;
	width: 150px;
	color: #333;
	font-size: 1em;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}

.mplicsearchform [type=submit] {
	display: inline;
	position: relative;
	top: -5px;
	left: -10px;
	width: 53px;
	height: 33px;
	padding: 0;
	margin: 0;
	border: 0;
	background: rgba(77,77,77,0);
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-mpl-starthere-search.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}

.mplicsearchform [type=submit]:hover {
	background-color: rgba(77,77,77,0);
	background-position: center;
}


.mplicsearchform *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #b12d25 !important;
	opacity: 0.6 !important;
}

.mplicsearchform *::-moz-placeholder { /* Firefox 19+ */
	color: #b12d25 !important;
	opacity: 0.6 !important;
}

.mplicsearchform *:-ms-input-placeholder { /* IE 10+ */
	color: #b12d25 !important;
	opacity: 0.6 !important;
}
.mplicsearchform *:-moz-placeholder { /* Firefox 18- */
	color: #b12d25 !important;
	opacity: 0.6 !important;
}

/* ---------------------------------- Non Sticky Nav Bar Fixes ----------------------------------- */
.tc-header {
	padding-top: 50px;
}

.navbar-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 50px;
}

.tc-header .brand .site-logo {
	margin-top: 15px;
	margin-bottom: 15px; 
	margin-left: 10px;
}

.tc-header .navbar .navbar-inner {
	margin-top: 10px;
}


/* ---------------------------------- New Sticky Styles ------------------------------------- */
/* Styles to streamline size of navigation on sticky scroll */


/* -- The Search button -- */
#scroll-search-btn {
	box-sizing: border-box;
	position: absolute;
	width: 50px;
	height: 40px;
	right: 22px;
	top: 0;
	z-index: 400;
	visibility: hidden;
	border: 0;
	background: rgba(77,77,77,0.25);
	color: #e42434;
	text-align: center;
	padding: 0;
	cursor: pointer;
	border-radius: 0 0 10px 10px;
}

#scroll-search-btn .fa.fa-search {
	font-size: 1.8em;
}

.search-arrow-container {
	width: 27px;
	height: 25px;
	position: absolute;
	top: 20px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);

}

/* ---- Sticky Styles ---- */
/* Sticky Logo */
.sticky-enabled .tc-header .brand .site-logo {
	margin-top: 8px;
	margin-bottom: 7px;
}

/* Sticky Header */
.sticky-enabled .tc-header {
	padding-top: 0;
	border-bottom: 0;
}

/* Sticky Nav */
.sticky-enabled .tc-header .navbar-wrapper {
	margin: 0 55px 0 0;
}


.sticky-enabled .tc-header .navbar .navbar-inner {
	margin: 0;
	padding:0 20px 0 0;
}

/* New Fix for Sticky Nav when Search is selected */
.sticky-enabled .tc-header .widget_search.searchtoggleshow ~ .brand ~ .navbar-wrapper {
	margin-top: 50px;
}

/* Sticky Search */
.sticky-enabled .searchhideme {
	display: none;
}

.sticky-enabled .tc-header .widget_search {
	height: 0;
}

/* Sticky for Search Button and Search */
.sticky-enabled #scroll-search-btn {
	visibility: visible;
}

.searchhideme.searchtoggleshow {
	display: block;
}

.tc-header .widget_search.searchtoggleshow {
	height: 50px;
}

.tc-header.searchtoggleshow {
	padding-top: 50px;
}

#scroll-search-btn.searchtoggleshow {
	top: 50px;
}

#scroll-search-btn:hover .fa.fa-search {
	color: #aa2226;
}

#scroll-search-btn:hover .cls-1 {
	fill: #aa2226;
}

#scroll-search-btn.searchtoggleshow .search-arrow-container {
	transform: rotate(180deg) translate(50%);
}


/* --------------------------------------------------------------- 1B. Body/Main ------------------------------------------ */
/* --- Anchor Links --- */
/* -- Adds padding to account for header during scroll -- */
.anchor-fix {
	padding-top: 45px;
}


/* Body Tag Changes Color */
body {
	background-color: #ffffff;
	line-height: 1.5;
	color: #000;
}

a, h1 a, h2 a, h3 a, h4 a, h5 a, h5 a, h6 a {
	color: #007fa8;
	text-decoration: underline;
}

a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h5 a:visited, h6 a:visited {
	color: #7e6bb3;
	text-decoration: underline;
}

a:focus, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h5 a:focus, h6 a:focus {
	color: #e42434;
	text-decoration: underline;
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h5 a:hover, h6 a:hover {
	color: #e42434;
	text-decoration: underline;	
}
 
a:active, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h5 a:active, h6 a:active {
	color: #e42434;
	text-decoration: underline;	
}



/* --------------------------------- Block Editor ----------------------------------------------------- */
/* --- Medium Text Wordpress Class with Unordered List --- */
ul.has-medium-font-size li {
	padding: 4px;
}

ul.has-large-font-size li {
	padding: 8px;
	line-height: 32px;
}


/* --- Unordered List Block Larger Text--- */
.unordered-list-block-large {
	font-size: 1.5rem;
}

.entry-content .unordered-list-block-large li {
	line-height: 2.25rem;
}


/* ---- Button Block ---- */
.is-style-outline .wp-block-button__link {
	border: 3px solid;
}

.redMPLbutton.is-style-outline .wp-block-button__link:hover {
	background-color: #aa2226;
	color: #fff !important;
	text-decoration: none;
}

/* --- Cover Block Fix - when padding added --- */
.wp-block-cover {
	box-sizing: border-box;
}

/* ----- Cover Block, remove padding and set internal image to 100% with no padding or margins ---- */
.coverblock-fullimage {
	padding: 0;
}

.coverblock-fullimage .wp-block-cover__inner-container {
	width: 100%;
}

.coverblock-fullimage .wp-block-image {
	margin: 0;
}

.coverblock-fullimage figure.aligncenter.size-full {
	margin: 0;
}


/* --- Group Fixes ---- */
.block-group-padding .wp-block-group__inner-container {
	padding: 25px 15px;
}


/* --- Makes an image fullwidth --- */
.fullwidth-heroheader figure {
	margin: 0 0 10px;
}

figure.fullwidth-heroheader {
	margin: 0 0 10px;
}

.imagealignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

/* --- Makes a Table Full width --- */
.wp-block-table.table-genfix {
	width: 100%;
}

/* ------- Text Fixes ----- */
.has-medium-font-size {
	line-height: 1.4;
}

.has-large-font-size {
	line-height: 1.05;
}

hr.has-very-dark-gray-background-color {
	border-top: 1px solid #999;
	border-bottom: 1px solid #313131;
}

.largeFontH3 {
	font-size: calc(1rem + 0.2vw);
}


/* --------------------------------- Buttons ----------------------------------------------------- */
/* --- MPL Red Standard Button --- */
a.mpl-standard-red-btn {
	box-sizing: border-box;
	color: rgb(228,36,52);
	text-transform: uppercase;
	border: 3px solid rgb(228,36,52);
	padding: 4px 17px;
	font-weight: bold;
	text-shadow: none;
}

a.mpl-standard-red-btn:hover {
	text-decoration: none;
	color: rgb(255,255,255);
	background: rgb(228,36,52);
}

/* --- MPL White Standard Button --- */
a.mpl-standard-white-btn {
	box-sizing: border-box;
	color: rgb(255,255,255);
	text-transform: uppercase;
	border: 3px solid rgb(255,255,255);
	padding: 4px 17px;
	font-weight: bold;
	text-shadow: none;	
}

a.mpl-standard-white-btn:hover {
	text-decoration: none;
	color: rgb(60,60,60);
	background: rgb(255,255,255);
}


/* ---------------------------------- Captions ------------------------------------------- */
.caption-text-right {
	text-align: right;
}


/* ---------------------------------- Columns - 60-5-35 ------------------------------------------- */
.page-column-responsive-larger {
	width: 60%;
	padding: 0;
	margin: 0 5% 0 0;
	float: left;
}

.page-column-responsive-larger2 {
	width: 60%;
	padding: 0;
	margin: 0;
	float: left;
}

.page-column-responsive-smaller {
	width: 35%;
	padding: 0;
	margin: 0;
	float: left;
}

.page-column-responsive-smaller2 {
	width: 35%;
	padding: 0;
	margin: 0 5% 0 0;
	float: left;
}

.page-column-responsive-footer {
	width: 100%;
	height: auto;
	clear: both;
	padding: 10px 0 0 0;
}

/* ---------------------------------- Columns - 47.5-5-47.5 ------------------------------------------- */
.page-column-responsive-equal-left {
	width: 47.5%;
	padding: 0;
	margin: 0 2.5% 0 0;
	float: left;
}

.page-column-responsive-equal-right {
	width: 47.5%;
	padding: 0;
	margin: 0 2.5% 0 0;
	float: left;
}


/* ---------------------------------- Events Calendar ------------------------------------------- */
/* ------- Creates a line on the bottom of the widget -- appears on location pages, etc. --- */
.tribe-venue-widget-list {
  border-bottom: 1px dotted #2f2f2f;
}

/* ------- Fixes filter bar issues ----- */
#tribe_events_filters_wrapper {
	width: 25% !important;
	float: left !important;
}

/* ------ Fixes Widget Text for Events Calendar ----  */
.tribe-event-date-start, .tribe-event-time {
	font-size: 13px;
}

/* ------- Fixes padding on left side of Events Calendar Day pages ------ */

.tribe-events-day {
	padding: 0 15px 0 0;
}

/* ---------------------------------- Events - SignUp Calendar ------------------------------------------- */
.clearfix {
    clear: both;
}
.width {
    width: 100%;
}
.heading {
    font-size: 28px;
    color: #013f85;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
.eventList {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    color: #000;
    clear: both;
}
.eventList.heading {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    padding-top: 10px;
}
.eventList .item {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.eventList a, .eventList .title {
    font-size: 14px;
	line-height: 21px;
    font-weight: bold;
    text-decoration: none;
}
.eventList a:hover {
    text-decoration: underline;
}
.eventList .time {
    font-weight: bold;
    color: #4d4d4d;
    padding-left: 0;
}
.eventList .date {
    float: right;
    padding-right: 10px;
}
.eventList img {
    width: 100%;
    height: auto;
}
.eventList .image {
    display: none;
	float: left;
    max-width: 80px;
    height: auto;
    margin: 5px 10px 5px 0;
    overflow: hidden;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 1px rgba(40, 51, 51, .2);
}
.eventList .description {
	display: none;
    font-size: 13px;
	line-height: 19px;
    margin-bottom: 7px;
}

.eventList .description span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
}

.eventList .location {
	/*display: none;*/
}

.eventList .branch {
    font-size: 12px;
    /*margin-bottom: 7px;*/
}
.eventList hr {}

.signup-title-container, .signup-info-container {
	width: 100%;
}

/* --- Virtual Events ---- */
.virtualevent-signup .eventList .location {
	display: inline;
}


/* ---- Home Page - SignUp Calendar ---- */

.signup-home-title {
	box-sizing: border-box;
	background-color: rgb(228,36,52);
	color: rgb(255,255,255);
	padding-top: 10px;
	padding-left: 10px;
}

.signup-home-title a {
	color: rgb(255,255,255);
	letter-spacing: 1px;
}

.signup-home-toptitle {
	color: rgb(228,36,52);
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 3px;
}

.signup-full-cal-link {
	padding: 5px 0;
	border-top: 4px solid rgb(228,36,52);
	border-bottom: 4px solid rgb(228,36,52);
}

.signup-full-cal-link a {
	font-weight: bold;
	font-size: 18px;
}

#topfulllink {
	border-bottom: 0;	
}

.signup-cat-full-link {
	margin-bottom: 10px;
}

.signup-home-container .eventList .item:last-child {
	margin-bottom: 5px;
}

.signup-home-container .eventList a:hover {
	color: rgb(170,34,38);
}
/* ------------------ Forms ---------------------------- */
.mpl-wpform .wpforms-form h3 {
    text-align: left;
}



/* ----------------- Flexbox --------------------------- */
.flex-rows-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flex-cols-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.flexitem-row {
	flex: 1 1 auto;
}

.flexitem-row-2x {
	flex: 2 1 auto;
}

.flexitem-row-3x {
	flex: 3 1 auto;
}

.flexitem-cols {
	flex: 1 1 auto;
}

.flexitem-cols-2x {
	flex: 2 1 auto;
}

/* ----------- 3 Equal Rows using Flexbox, assumes the 1170 pixel width ----------- */
.flex-3row-wrap {
	width: 100%;
	justify-content: center;
}

.flex-3row-wrap .flexitem-row {
	width: 370px;
	margin: 10px;
	align-self: center;
}

/* ---------------------------------- Full Width Pages ----------------------------------------- */
/* ----- Sets both Full Width Templates to display the page without the 1170 max ----- */
body.page-template-fullwidth-with-notitle-template .container, body.page-template-fullwidth-with-pagetitle-template .container { 
    width: 100% !important;
}

body.page-template-fullwidth-with-notitle-template #main-wrapper, body.page-template-fullwidth-with-pagetitle-template #main-wrapper {
    padding: 0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

body.page-template-fullwidth-with-notitle-template #content, body.page-template-fullwidth-with-pagetitle-template #content {
    width: 100% !important;	
	margin-left: 0;
}

body.page-template-fullwidth-with-notitle-template #main-wrapper .container .row.column-content-wrapper, body.page-template-fullwidth-with-pagetitle-template #main-wrapper .container .row.column-content-wrapper {
	margin-left: 0;
}

body.page-template-fullwidth-with-notitle-template .entry-header {
	display: none;
}

body.page-template-fullwidth-with-notitle-template #main-wrapper {
	margin-top: 0;	
}

/* ----- Fixes mega menu on Fullwidth pages ---- */
body.page-template-fullwidth-with-notitle-template .entry-content .mega-menu-wrap, body.page-template-fullwidth-with-pagetitle-template .entry-content .mega-menu-wrap  {
	width: 100% !important;
	max-width: 1170px;
	margin: 0 auto !important;
}

/* ----------------- Full Page Width with Background images and Header using Block Editor ----- */

/* -- Page Header full width styled after Home Slide -- */

.coverblock-pageheader .wp-block-cover__inner-container {
	font-size: 20px;
}

.coverblock-pageheader .wp-block-cover__inner-container h2 {
	font-size: calc(2.5em + 1vw);
	line-height: calc(1em + 1vw);
	letter-spacing: 0.02em;
	font-family: 'Oswald';
}

.coverblock-pageheader .wp-block-cover__inner-container h3 {
	font-size: calc(1.35em + 1vw);
	line-height: calc(1em + 1vw);
}

.coverblock-pageheader .wp-block-cover__inner-container p {
	font-size: calc(1em + 1vw);
	line-height: calc(1em + 1vw);
}

.full-header-absolute {
	position: absolute;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}

/* --- Cover Block to use as Background --- */

.coverblock-pagebg {
	background-size: auto;
	background-repeat: repeat-y;
}

.coverblock-pagebg .wp-block-cover__inner-container {
	width: 90%;
	margin: 10px auto;
}

.width80 .wp-block-cover__inner-container {
	width: 80%;
}

.width90 .wp-block-cover__inner-container {
	width: 80%;
}

.width95 .wp-block-cover__inner-container {
	width: 95%;
}

/* -- Makes Cover Block able to have a transparent image ---*/
.coverblock-inner-nobgcolor {
	background-color: transparent !important;
	background-repeat: repeat;
}

/* -- Changes default color for cover block to Black -- */
.covertext-defaultblack.wp-block-cover .wp-block-cover__inner-container {
	color: #000;
}

.block-remove-margin {
	margin: 0;
}

/* --- Navigation using Group Block and Custom HTML Blocks -- */
.nav-group-wrapper {
	box-sizing: border-box;
	padding: 12px 0;
	margin: 0 0 15px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}

.nav-group-wrapper .wp-block-group__inner-container span {
	display: inline-block;
	padding: 10px;
	margin: 10px 0;
	border-right: 1px solid #000;
}

.nav-group-wrapper .wp-block-group__inner-container span:last-child {
	border-right: none;
}

/* -- Bottom fix on Pages with Backgrounds for theme --- */

.bottomfix {
	margin-bottom: -20px;
}

/* ------------------------------------ Grid Layouts --------------------------------------------- */
/* ------ Grid layout for Video Embed Gallery ----- */
.embed-gallery-wrapper .wp-block-group__inner-container {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 15px;
    grid-auto-flow: dense;
}

.embed-gallery-wrapper .wp-block-group__inner-container .wp-block-embed-youtube {
    width: 100%;
	margin: 10px 0;
	background: #000;
}

/* ---------------------------------- Home Page ------------------------------------------------ */
/* ---------- August 2021 Feature Redesign that keeps slide ---------- */

/* --- New Styles for Slider --- */
.heroslide-wrapper {
	display: table;
    background: #fff;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
	margin: 0 42px 0 42px;
}

.heroarrow {
	width: 0;
    height: 0;
    position: absolute;
    top: 99%;
    left: calc((100% / 2) - 25px);
    right: 0;
    min-height: 0;
    border-top: 50px solid rgba(255,255,255,1);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;	
}

.heroslide-wrapper h2 {
	text-align: left;
	font-family: "Oswald", "Roboto", sans-serif;
	font-size: 2.5em;
	margin: 0 0 10px;
}

.hero-top-spacer {
	height: 2em;
}

.hero-bottom-spacer {
	height: 55px;
}

/* --- Grid Layout for features --- */
/* ---- Grid that uses 3 Col Column Block - Mobile Styles ---G- */

.frontGridWrapper {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	display: flex;
	flex-direction: column;
	width: 95%;
	margin: 10px auto;
}

#libraryprograms.frontGridWrapper .wp-block-column {
	margin: 0 !important;
}

.wp-block-column.HeaderCol {
	-ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.wp-block-column.featuresGridcol {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex: 1 1 auto !important;
	display: flex;
	flex: 1 1 auto !important;
	flex-direction: column;
}

.wp-block-column.separatorGridCol {
	flex: 1 1 auto !important;
}
	
.wp-block-column.calendarGridcol {
	flex: 1 1 auto !important;
}


.sectionpageheader {
	width: calc(95% - 20px);
	margin: 11px auto;
	border-bottom: 2px solid #000;
	line-height: 1em;
}

.gridFeature {
	display: -ms-grid;
	-ms-grid-columns: 100%;
	-ms-flex: 1 1 auto;
	margin: 10px;
	grid-template-columns: 100%;
	box-shadow: 
		4px 4px 3px -1px rgba(0,0,0,0.3),
		inset 0 0 0 0 rgba(0,0,0,1);
	border: 1.5px solid #000;
}

.gridFeature .wp-block-media-text__content {
	padding: 0 5%;
}

.gridFeature .wp-block-media-text__content {
	padding: 0 5%;
}

.gridFeature .wp-block-group__inner-container {
	padding: 0 5%;
}

.gridFeature .wp-block-group__inner-container figure.wp-block-image {
	margin: 0.75em 0;
}

.gridFeature .wp-block-group__inner-container div.wp-block-image figure img  {
	width: 100%;
}

.featuresGridcol .gridFeature {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.gridFeature.wp-block-media-text .wp-block-media-text__media {
	-ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    grid-row: 1;
	flex: 1 1 250px;
	width: 100%;
}

.gridFeature.wp-block-media-text .wp-block-media-text__content {
	-ms-grid-column: 1;
    -ms-grid-row: 2;
    grid-column: 1;
    grid-row: 2;
	flex: 1 1 auto;
	width: 100%;
	box-sizing: border-box;
}

.gridFeature h3 {
	font-size: 1.6em;
	line-height: 1.4;
}

.featurelongtitle {
	font-size: 1.8em;
}

/*Meet the Candidates Fix*/
.meet-the-candidates {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/*Dig Memphis Fix*/
.dig-memphis-margin {
	margin: 0px !important;
}

/* ---- Two Column with Header and Content Columns --- */
.Fullwidth2Col.frontGridWrapper {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.Fullwidth2Col .featuresGridcol {
	width: 95%;
	margin: 10px auto;
}

/* --- Column Spans that work with features --- */
/* -- 1/3 Left spans 2 and works to 2 cols -- */
.front-grid13 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1/3;
}

/* -- -3/-1 Right spans 2 and works to 2 cols -- */
.front-grid-3-1 {
	grid-column: -3/-1;	
}

/* -- 1/-1 Spans all cols works to 1 cols -- */
.front-grid1-1 {
	grid-column: 1/-1;	
}

/* -- 1/-2 Left spans all cols save one and works to 1 cols -- */
.front-grid1-2 {
	grid-column: 1/-2;	
}

/* -- 1/-3 Left spans all cols save last 2 and works to 2 cols -- */
.front-grid1-3 {
	grid-column: 1/-3;	
}

/* -- 2/-1 Right spans all cols save last 1 and works to 2 cols -- */
.front-grid2-1 {
	grid-column: 2/-1;	
}

/* -- 2/-2 Center spans and save last col on left and right. Works to 2 cols and is right most in 2 cols. -- */
.front-grid2-2 {
	grid-column: 2/-2;	
}

/* -- 2/-3 Center spans and save last col on left and last 2 on right. Works to 2 cols and is left most in 2 cols. -- */
.front-grid2-3 {
	grid-column: 2/-3;	
}

/* -- 3/-1 Spans Right cols and leaves 2 to the left. Works to 3 cols -- */
.front-grid3-1 {
	grid-column: 3/-1;	
}

/* -- 3/-2 Right span covers all save 2 to left and one to right. Works to 2 cols -- */
.front-grid3-2 {
	grid-column: 3/-2;	
}

/* -- 3/-3 Centers col. Spans 2 on 2 cols, tries to cover center. Works to 2 cols -- */
.front-grid3-3 {
	grid-column: 3/-3;	
}

/* ----- Grid Row Spans ----- */
.front-gridrow13 {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1/3;
}


/* --- Styles for Layout that uses Seasonal backgrounds --- */
.seasonSummerFront1 {
	background: #E59743;
}

.seasonSummerFront2 {
	background: #0d5ab3;
}

div[class*="season"] {
	padding-bottom: 40px;
}

.seasonSummerFront1 .gridFeature, .seasonSummerFront2 .gridFeature {
	background: rgb(255,255,255);
}

.seasonSummerFront2 .sectionpageheader {
	color: rgb(255,255,255);
	border-bottom: 2px solid #fff;
}


/* --- Style when used on a regular page --- */
.page-template-default .featuresGridcol {
	width: 100%;
}

.page-template-default .sectionpageheader {
	width: calc(100% - 20px);
}



/* ---- 2021 Feature Redesign ---- */
/* ---- Newest ReDesign that uses Grid --- */
.frontHero {
	justify-content: normal;
	padding: 1em 0;
}

.frontHero img.wp-block-cover__image-background {
	height: 40vh;
}

.frontHero .wp-block-cover__inner-container {
	background: #fff;
	width: 100%;
	margin: calc(40vh - 1em) 0 20px;
	padding: 0.5em;
	box-sizing: border-box;
}

.frontHero .wp-block-cover__inner-container h2 {
	width: 95%;
	margin: 5px auto 15px;
	padding: 0;
	color: #000;
	font-family: 'Oswald', 'Roboto', sans-serif;
}

.frontHero .wp-block-cover__inner-container p {
	width: 95%;
	margin: 10px auto;
	padding: 0;
	color: #000;
}


/* -- Home Headers with Block Editor -- */
/*-- Start Here Blue Header -- */
.home-starthere-header {
    background-color: rgba(0,94,112,1);
    padding: 10px;
    color: #fff;
    text-shadow: none;
    font-size: calc(2rem + 1vw);
    font-family: 'Oswald';
    letter-spacing: 0.03rem;
    margin: 35px 0 42px;
	position: relative;
}

.home-starthere-header:before {
	content: "";
	position: absolute;
	left: calc((100% / 2) - 25px);
	bottom: -39px;
	right: 0;
 	width: 0;
	height: 0;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 40px solid rgba(0,94,112,1);
}

/* -- Programs Wrapper styles ---*/
#programs.home-grid-wrapper .wp-block-group__inner-container {
	display: -ms-grid;
	display: grid;
	width: calc(100% - 10px);
    margin: 0 auto;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	grid-gap: 5px;
}

#programs.home-grid-wrapper .wp-block-group__inner-container .signup-feature-wrap.featured-block-wrap {
	width: auto;
	height: auto;
	-ms-grid-row: 1;
}

#programs.home-grid-wrapper .wp-block-group__inner-container .home-flexbox-wrapper {
	width: auto;
	height: auto;
	padding: 0;
	-ms-grid-row: 2;
}

#programs.home-grid-wrapper .wp-block-group__inner-container .home-flexbox-wrapper .wp-block-cover__inner-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
	margin: 0;
}

#programs.home-grid-wrapper .wp-block-group__inner-container .home-flexbox-wrapper .wp-block-cover__inner-container .featured-block-wrap .wp-block-cover__inner-container {
	display: block;
    box-sizing: border-box;
    width: 55%;
	margin: 0;
}

/* -- SignUp Feature -- */
.signup-feature-wrap.featured-block-wrap {
	background-repeat: repeat-y;
	background-size: auto;
}

.signup-feature-wrap.featured-block-wrap .wp-block-cover__inner-container {
	width: 100%;
	background-color: rgba(170,34,38,0);
}

.signup-feature-wrap.featured-block-wrap:before, .signup-feature-wrap.featured-block-wrap:after, .signup-feature-wrap.featured-block-wrap .wp-block-cover__inner-container:before {
	display: none;
}

.signup-feature-wrap.featured-block-wrap .wp-block-cover__inner-container .feature-event-title {
	font-size: calc(1rem + 0.7vw);
	letter-spacing: 0.01rem;
}

.signup-title-container + .signup-featurelink {
	display: none;
}

.signup-frontfeature .item {
	box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	font-size: 15px;
    line-height: 21px;	
	border: 1px solid #000;
    box-shadow: 3px 3px 2px rgba(0,0,0,0.5);
}

.signup-frontfeature .title {
	width: 100%;
	padding-bottom: 5px;
}

.signup-frontfeature .title a {
	font-size: 1rem;
}

.signup-frontfeature .time {
	padding-right: 10px;
}

.signup-frontfeature .time .date {
	padding-left: 10px;
	padding-right: 0;
}

.signup-frontfeature .branch {
	padding-right: 2px;
	font-size: 15px;
}

.signup-frontfeature .location {
	padding-left: 2px;
}


/* ----- Features using Block Editor ----- */
.home-flexbox-wrapper .wp-block-group__inner-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 100%;	
}

.featured-block-wrap {
    width: 375px;
    flex: 1 1 auto;
    margin: 10px 5px;
	padding: 0;
	/* -- Set to important because of align content feature added to covers in 5.5 -- */
    justify-content: flex-start !important;
    align-items: stretch !important;
}

.featured-block-wrap .wp-block-cover__inner-container {
	width: 55%;
	padding: 10px;
	color: #fff;
	background-color: rgba(170,34,38,0.5);
	box-sizing: border-box;
}

/* -- Fix in case feature cover block ever set to custom position -- */
.featured-block-wrap.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
	width: 55%;
}

.featured-block-wrap:before {
	display: block;
	width: 55%;
	height: 100%;
    mix-blend-mode: multiply;
	box-sizing: border-box;
}

.featured-block-wrap:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid rgba(170,34,38,0.8);
	border-bottom: 25px solid transparent;
	position: absolute;
	mix-blend-mode: multiply;
	top: calc((100% / 2) - 25px);
	left: 55%;
	right: 0;
	min-height: 0;
}

.featured-block-wrap .wp-block-cover__inner-container:before {
	content: "";
	position: absolute;
	top: calc((100% / 2) - 25px);
	left: 55%;
	right: 0;
 	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid rgba(170,34,38,0.5);
	border-bottom: 25px solid transparent;
}

.featured-block-wrap .wp-block-cover__inner-container p {
	text-align: center;
	font-size: calc(0.7em + 0.3vw);
	line-height: 1.1;
    letter-spacing: 0.1em;
    font-weight: bold;
	margin: 0;
}

.featured-block-wrap .wp-block-cover__inner-container p:after {
	content: " ";
	box-sizing: border-box;
	display: block;
	margin: 9px auto 7px;
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 50%;
}

.featured-block-wrap .wp-block-cover__inner-container :nth-last-child(2):after {
	width: 0;
	height: 0;
	margin: 0;
}

.featured-block-wrap .wp-block-cover__inner-container p.no-circle-spacer {
	margin-bottom: 4px;
}

.featured-block-wrap .wp-block-cover__inner-container p.no-circle-spacer:after {
	margin: 0;
	width: 0;
	height: 0;
}

.featured-block-wrap .wp-block-cover__inner-container p a {
	color: rgb(255,255,255);
	text-decoration: underline;
}

.featured-block-wrap .wp-block-cover__inner-container ul {
	font-size: calc(0.7em + 0.3vw);
	line-height: 1.1;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.featured-block-wrap .wp-block-cover__inner-container li {
	padding-bottom: 0.25rem;
}

.featured-block-wrap .wp-block-cover__inner-container ul:after {
	content: " ";
	box-sizing: border-box;
	display: block;
	margin: 9px auto 7px;
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 50%;
}

.featured-block-wrap .wp-block-cover__inner-container ul a {
	color: rgb(255,255,255);
	text-decoration: underline;
}

.featured-block-wrap .wp-block-cover__inner-container .feature-event-title {
	text-shadow: none;
    font-family: 'Oswald';
    font-size: calc(1rem + 0.5vw);
	line-height: 1.2;
}

.featured-block-wrap .wp-block-cover__inner-container .feature-event-title.longtitle {
	font-size: calc(0.9rem + 0.5vw);
}

.featured-block-wrap .wp-block-cover__inner-container .wp-block-image {
	margin: 7px auto;
}

.featured-block-wrap .wp-block-cover__inner-container .wp-block-image figure {
	margin: 0 auto;
}

.feature-CallToAction {
	text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5px;
	margin-top: 9px;
}

.feature-CallToAction a.wp-block-button__link {
	color: #ffffff;
    border-radius: 3px;
    padding: 6px 12px;
    border: 3px solid;
}

.feature-CallToAction a.wp-block-button__link:hover {
	color: rgb(170,34,38) !important;
	background: #fff;
	text-decoration: none;
}

.featured-block-wrap .wp-block-cover__inner-container .feature-triangle {
	left: 55%;
	right: 0;
	border-left: 50px solid rgba(170,34,38,0.5);
}

.featured-block-wrap .wp-block-cover__inner-container .feature-triangle:before {
	border-left: 50px solid rgba(170,34,38,0.85);
}

.home-section-wrapper {
	width: 100%;
	margin: 25px 0 0;
}

/* ----------- Home Header Styles for Section -------- */
.home-section-wrapper {
	width: 100%;
	margin: 25px 0 0;
}

.home-section-header {
	width: 100%;
	background: rgb(220,220,220);
	box-sizing: border-box;
	padding: 10px 0;
	margin-bottom: 10px;
	vertical-align: middle;
}

.home-section-header * {
	box-sizing: border-box;
}

.home-section-header .flexitem-row {
	width: 320px;
}

.home-section-header h2 {
	text-shadow: none;
	font-family: 'Oswald';
	font-size: calc(2rem + 1vw);
	margin: 0 0 0 9px;
	text-align: center;
	position: relative;
}

.home-section-header h2:after {
	content: " >";
	text-shadow: none;
	font-family: 'Oswald';
	font-size: calc(2rem + 2vw);
	text-align: center;
	line-height: calc(2rem + 1vw);
}

.home-section-header p.flexitem-row {
	color: #000;
	font-size: calc(1rem + 0.5vw);
	margin: 0 7%;
	padding: 10px;
	line-height: 1.2;
}

/* ----------------- Home Digital Resource Slide ----------------- */
.home-digitalres-slide {
	box-sizing: border-box;
	width: 100%;
	margin: 15px 0 0;
}

.home-digitalres-slide .owl-item.cloned.active img {
	display: inline !important; /* IE 11 Fix */
	display: initial !important;
	opacity: 1;
}

.home-digitalres-slide .owl-item.active img {
	display: inline !important; /* IE 11 Fix */
	display: initial !important;
	opacity: 1;
}

.home-resource-card .resource-flex-layout {
	padding-top: 0;
}

.home-resource-card div[class^="resource-flex-layout"] .listing-item {
	padding: 0;
	margin: 0;
}

.home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
	width: calc(100% - 90px);
}

.home-digitalres-slide .sa_owl_theme .owl-nav button {
	top: 70%;
}


/* ----- Home Page ReDesign Default Styles are good for Smaller Screen Sizes at Portrait */
/* -- These Defaults should work all the way down to mobile 320x568 to 375x667 -- */
/* ---------------- Feature Pages Redesign ------------------ */
.home-featuredevent-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
}

.featuredevent-container {
	flex: 1 1 auto;
	width: 100%;
	margin: 0 0 15px;
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

.feature-info-wrapper {
	width: 80%;
	height: auto;
	box-sizing: border-box;
	padding: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(228,36,52,0.5);
}

.feature-info-wrapper:before {
	content: "";
	background-color: rgba(228,36,52,0.85);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	mix-blend-mode: multiply;
	top: 0;
	left: 0;
}

.feature-text-wrapper {
	color: #fff;
	position: relative;
}

.feature-text-wrapper h2 {
	color: #fff;
	text-shadow: none;
	font-family: 'Oswald';
	font-size: calc(1rem + 0.5vw);
	margin: 0 auto 8px;
}

.featuredevent-container[id*="long-"] .feature-text-wrapper h2 {
	font-size: calc(0.9rem + 0.5vw);
}

.feature-date-wrapper {
	box-sizing: border-box;
	font-size: calc(0.7em + 0.3vw);
	letter-spacing: 0.1em;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.feature-date-wrapper p {
	flex: 0 1 auto;
	line-height: 1.2;
	margin: 0 0;
	padding: 0;
	box-sizing: border-box;
}


.feature-date-wrapper p:after {
	content: " ";
	box-sizing: border-box;
	display: block;
	margin: 5px auto 5px;
	width: 9px;
	height: 9px;
	background: #fff;
	border-radius: 50%;
}

.feature-date-wrapper p:last-child:after {
	width: 0;
	height: 0;
	margin: 0;
}


.feature-date-wrapper p:last-child {
	border-right: none;
}

.feature-text-wrapper p a {
	color: #fff;
}

.feature-button {
	display: block;
	margin: 8px auto 5px;
	width: 100%;
	max-width: 160px;
	text-align: center;
	line-height: 1.1;
}

.feature-triangle {
	position: absolute;
	top: calc((100% / 2) - 25px);
	right: -50px;
 	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid rgba(228,36,52,0.5);
	border-bottom: 25px solid transparent;
}

.feature-triangle:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid rgba(228,36,52,0.85);
	border-bottom: 25px solid transparent;
	position: absolute;
	mix-blend-mode: multiply;
	top: -25px;
	right: 0;
}

/* Alt logo styles */
.feature-event-imglogo {
	display: block !important;
	margin: 0 auto 20px;
	width: 60%;
	height: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.featuredwithlogo .feature-info-wrapper .feature-text-wrapper img.feature-event-imglogo {
	display: none !important;
	width: 0;
	height: 0;
	visibility: hidden;
}


/* ------ Old Feature Buttons with Customizr Classic theme ----- */
.fpc-widget-front .fpc-btn-primary.red {
	color: #e42434 !important;
	background-color: #fff;
	background-image: none;
	border: 3px solid #e42434;
	text-transform: uppercase;
}

.fpc-widget-front .fpc-btn-primary.red:visited {
	background-color: #fff;
	color: #e42434 !important;
	border: 3px solid #e42434;
}

.fpc-widget-front .fpc-btn-primary.red:hover {
	background-color: #e42434;
	color: #fff !important;
}

.fpc-widget-front .fpc-btn-primary.red:active {
	background-color: #e42434;
	color: #fff !important;
}

.fpc-widget-front .fpc-btn-primary.red:focus {
	background-color: #e42434;
	color: #fff !important;
}

.fpc-widget-front .fpc-btn {
	box-sizing: border-box;
	padding: 4px 16px 4px 20px !important;
	border-radius: 0;
	font-weight: 600;
	box-shadow: none;
}

/* --------- Slider ----------------- */
.carousel-caption {
	box-sizing: border-box;
	background-color: transparent;
	max-width: 100%;
	width: 83%;
	margin-left: 8.5%;
	margin-right: 8.5%;
	text-align: center;
	padding: 2.5%;
}

.carousel-caption h1.slide-title {
	font-size: 3.4375em;
	text-transform: uppercase;
	font-weight: 500;
}

.carousel-caption p.lead {
	font-size: 1.25em;
}

.carousel-caption .btn-primary {
	border: 2px solid #fff;
	background-color: transparent;
	background-image: none;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
}

.carousel-caption .btn-primary:hover {
	background-color: #fff;
	color: #3c3c3c;
}

.carousel-caption .btn-large {
	border-radius: 0;
}

/* ------------------- New Static Redesign ---------------------- */
/* Home Page Scroll using Widgets on Pages */
#Home_Scroll ul {
	padding: 0;
	margin: 0;
}


/* --- New Slide Anything Slide --- */

#hero_slide_redesign .owl-item div[id^="hero_slide_redesign_"] {
	background-position: left bottom 10vh;
}

/* ------- Main Slide Container --------- */
.newslide-container {
	width: 100%;
	min-height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 2px solid #000;
}

/* --- Div for mobile use --- */
.newslide-mobileblock {
	display: block;
	width: 100%;
	height: 35vh;	
}

/* ---- Content Wrapper ---- */
.newslide-content-wrapper {
	box-sizing: border-box;
	background: #fff;
	padding: 10px 45px;
	width: 100%;
	min-height: 10vh;	
}

.newslide-content-wrapper h2 {
	font-size: 3em;
	font-family: "Oswald", sans-serif;
	line-height: 1.1;	
	text-align: left;
	text-shadow: none;
	letter-spacing: 0.2rem;
	margin: 0 10px;
}

.newslide-content-wrapper p {
	box-sizing: border-box;
	width: 100%;
	min-height: 10vh;
	margin: 5px 0 10px;
	font-size: 1.1em;
}

/* Slide Anything Slide */
/* --------- Slider ----------------- */
.home-slide-container {
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 55vh;
	margin: 0;
	text-align: center;
	padding: 2.5% 40px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;	
}

#home-em-slide {
	background-color: rgba(0,0,0,0.7);	
}

.home-slide-interior-container {
	flex: 0 0 auto;
}

.home-slide-container h1.home-slide-title {
	font-size: 3.4375em;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 500;
	color: rgb(255,255,255);
	text-shadow: none;
	letter-spacing: 0.2rem;
	font-family: 'Oswald';
}

.home-slide-container p.home-slide-lead {
	font-size: 1.25em;
	color: rgb(255,255,255);
}

/* Text Link in home-slide-lead */
a.home-lead-links {
	text-decoration: underline;
	color: #fff;
}

a.home-lead-links:hover {
	color: rgb(170,170,170);
}

.home-slide-container .home-slide-btn {
	display: inline-block;
}

.white .owl-carousel.sa_owl_theme .owl-nav button {
	height: 120px !important;
	width: 40px !important;
}

.white .owl-carousel.sa_owl_theme .owl-nav .owl-prev {
	left: 0;
	background: rgba(0,0,0,0.4) url('https://www.memphislibrary.org//wp-content/uploads/img-icon-slide-button.svg') no-repeat center !important;
}

.white .owl-carousel.sa_owl_theme .owl-nav .owl-next {
	right: 0;
	background: rgba(0,0,0,0.4) url('https://www.memphislibrary.org//wp-content/uploads/img-icon-slide-button.svg') no-repeat center center !important;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.white .owl-carousel.sa_owl_theme .owl-nav .owl-prev:hover, .white .owl-carousel.sa_owl_theme .owl-nav .owl-next:hover {
	background-color: rgba(0,0,0,0.8) !important;
}

.white .owl-carousel.sa_owl_theme .owl-dots {
	bottom: -30px !important;
}

.white .owl-carousel.sa_owl_theme .owl-dots .owl-dot span {
	width: 15px !important;
	height: 15px !important;
}

.home-content-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 30px 0 0;
	box-sizing: border-box;
}

.home-main-content {
	flex: 1 1 75%;
	box-sizing: border-box;
}

.home-feature-page-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.home-side-content {
	flex: 1 1 25%;
	min-width: 225px;
	box-sizing: border-box;
}

/* Sign Up Content */

.home-side-content .signup-home-toptitle {
	padding: 0 10px;
}

.home-side-content .signup-full-cal-link {
	margin: 0 10px;
}

.home-side-content .signup-home-container {
	padding: 0 10px;
}

/* ------ Default Home Flex Content Card ------- */
.home-redesign.flex-content-card {
	width: 250px;
	margin: 0 10px 10px;
	box-sizing: border-box;
	align-items: center;
	position: relative;
}

.home-redesign .flex-card-image-container {
	width: 100%;
	height: 300px;
	position: relative;
	flex: 0 0 auto;
}

.home-feature-page-container .home-redesign:nth-child(odd) .flex-card-image-colorcover + .flex-card-tab.collapseomatic  {
	background-color: rgba(191,31,43,0.7);
}

.home-feature-page-container .home-redesign:nth-child(even) .flex-card-image-colorcover + .flex-card-tab.collapseomatic  {
	background-color: rgba(0,114,146,0.7);
}

.home-redesign .flex-card-tab.collapseomatic {
	padding: 0;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-hover-v-arrow.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 40px 20px;
	width: 100%;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}

.home-redesign .flex-card-tab.collapseomatic:hover {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-hover-v-arrow-full-chervon.svg');	
}

.home-redesign .flex-card-tab.colomat-close {
	background-position: top center;
	transform: rotate(180deg);
	top: 276px;
	bottom: 0;
}

.home-redesign .flex-card-image-colorcover {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.home-feature-page-container .home-redesign:nth-child(odd) .flex-card-image-colorcover {
	background: rgba(191,31,43,0.5);
}

.home-feature-page-container .home-redesign:nth-child(even) .flex-card-image-colorcover {
	background: rgba(0,114,146,0.5);
}

.home-redesign .flex-card-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/*opacity: 0.8;*/
}

.home-redesign .flex-card-hover {
	height: 276px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.home-feature-page-container .home-redesign:nth-child(odd) .flex-card-hover {
	background-color: rgba(0,164,196,0.8);	
}

.home-feature-page-container .home-redesign:nth-child(even) .flex-card-hover {
	background-color: rgba(228,36,52,0.8);	
}

.home-redesign .flex-card-hover span {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 12px 15px;
}

.home-redesign .flex-card-title {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 10px;
	box-sizing: border-box;
	color: #000;
	letter-spacing: 0.1rem;
	min-height: 70px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.home-redesign a.flex-card-readmore {
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}

.home-redesign .flex-card-btn {
	margin: 15px auto;
	text-align: center;
}

/* ----- Wifi Landing Pages ----- */
.wifi-landing .home-redesign .flex-card-image {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.feature-wifi-red + .flex-card-tab.collapseomatic  {
	background-color: rgba(191,31,43,0.7);
}

.feature-wifi-blue + .flex-card-tab.collapseomatic {
	background-color: rgba(0,114,146,0.7);
}

.wifi-intro-text {
	color:#fff;
	font-weight: bold;
	letter-spacing: 0.1rem;
	padding:15px 5px;
	background:rgb(228,36,52);
	margin:0 0 15px;
	text-align:center;
}

.wifi-intro-text a {
	color: #fff;
	text-decoration: underline;
}

.wifi-landing .home-redesign .flex-card-hover.feature-bluehover {
	background-color: rgba(0,164,196,0.85);	
}

.wifi-landing .home-redesign .flex-card-hover.feature-redhover {
	background-color: rgba(228,36,52,0.85);	
}

/* ---------------------------------- Links --------------------------------------------------- */
/* --------------------- TEL Phone Links -------------------------- */
.phone-link {
	text-decoration: none;
	color: #5a5a5a;
}

.phone-link:hover {
	text-decoration: none;
	color: #5a5a5a;
}

/* ---------------------------------- Iframes - Responsive Styles ------------------------------- */
/* ---- This helps make iframes, especially video iframes responsive ---- */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------------------------- Line Divider ----------------------------------------- */
hr {
	height: 2px;
	background: #3c3c3c;
}

.line-divider {
	width: 100%;
	height: 5px;
	background:rgba(0,0,0,0.56);
	margin: 30px 0 15px;
}

.title-divider {
	border-bottom: 2px solid rgb(228,36,52);
}

/* -- ----------------------------------- Logo Gallery ----------------------------------------------- -- */
.logogroup-wrapper .wp-block-group__inner-container {
	text-align: center;
}


.logogroup-wrapper .wp-block-group__inner-container figure {
	display: inline-block;
	margin: 20px 10px;
}

/* -- -----------------------------------Padding----------------------------------------------- -- */
.padding-left {
	padding-left: 10px;
}
.padding-right {
	padding-right: 10px;
}
.padding-top {
	padding-top: 10px;
}
.padding-bottom {
	padding-bottom: 10px;
}

p.has-background {
	padding: .8em 0 !important;
}

/* -- ---------------------------------------- Page Navigations -------------------------------------- -- */
.page-subnav {
	border-bottom: 2px solid #000;
}

.page-subnav ul {
    display: flex;
	flex-wrap: wrap;
    list-style-type: none;
    margin: 10px auto 20px;
    justify-content: center;
}

.page-subnav ul li {
	margin: 10px;
	padding: 0;
}

/* ---------------------------------- Page Text Styling ----------------------------------------- */


/* --  ---------------------- Header 1 ---------------------------- */
h1 {
	font-weight: 900;
	font-size: 2.5em;
	color: #000;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}


/* --  ---------------------- Header 2 ---------------------------- */
h2 {
	font-weight: 900;
	font-size: 2.2em;
	color: #000;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}

/* ---------------------- Header 2 Left ------------------------ */
.category-special-styles h2 {
	text-align: left;
}

/* --  ---------------------- Header 3 ---------------------------- */
h3 {
	font-weight: 700;
	font-size: 1.8em;
	color: #000;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}

/* --  ---------------------- Header 4 ---------------------------- */
h4 {
	font-weight: 700;
	font-size: 1.4em;
	color: #000;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}

/* --  ---------------------- Header 5 ---------------------------- */
h5 {
	font-weight: 700;
	font-size: 1.2em;
	color: #000;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}

/* --  ---------------------- Header 6 ---------------------------- */
h6 {
	font-weight: 700;
	font-size: 1em;
	color: #000;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}


/* ---------------------- Blockquote ---------------------------- */
blockquote p {
	font-size: 1.1em;
	line-height: 1.4;
}

blockquote.wp-block-quote.is-style-large p {
	font-size: 1.5em;
	line-height: 1.5;
}

blockquote {
	border-left: 5px solid #e42434;
}

/* ---------------------- List Block ---------------------------- */
.entry-content li {
    line-height: 1.5;
    padding-bottom: 0.4rem;
}

.entry-content li ul li:last-child {
    padding-bottom: 0;
}

/* ---------------------------------- Positioning --------------------------------------------- */
/* ---------------------- Clear Floats ------------------------ */
div.clear {
	clear: both;
}

.clear {
	clear: both;
}

/* ---------------------------------- Responsive Image ----------------------------------------- */
.respond-image {
	max-width: 100%;
	height: auto;
}



/* ---------------------------------- Soliloquy Slider ------------------------------------------ */
/* ---------------------- CENTERS THE SLIDER ------------------ */
.flex-container {
	margin: 0 auto !important;
}

.soliloquy-container {
	margin: 0 auto !important;
}

/* ---------------------------------- Tables ---------------------------------------------------- */
/* Notes on tables. I don't really like the default style with the theme so I've made some changes for all tables. Add a specific class if you want to override */

table {
	width: 100%;
	border: 0;
}

tbody, tfoot, thead {
	color: #000;
} 

tbody td {
	vertical-align: top;
	font-size: 1.15em;
}

td, th {
	padding: 1%;
}

/* ---------------------------------- Video Player Styles --------------------------------------- */
.videos-lib {
 width: 50%;
}

/* -------------- Gallery Box ------------- */
#boxGallery {
	letter-spacing: 2px;
}

#boxGallery .gcolumn-2 {
	width: 48%;
	margin: 0 5px 10px;
}

#boxGallery .gcolumn-3 {
	width: 32%;
	margin: 0 5px 10px;
}

/* --------------------------------------------------------------- 1C. Sidebar Styles -------------------------------------- */


/* ---------------------------------- Subnav Widget Styles --------------------------------------- */
.subnav-sidebar ul {
	padding: 0;
	margin: 0 0 11px 0;
}

.tc-sidebar .widget .subnav-sidebar li {
	border-bottom: 0;
}

.tc-sidebar .widget .subnav-sidebar li ul {
	margin: 0 0 0 12px;
}

.tc-sidebar .widget .subnav-sidebar li:hover {
	border-bottom: 0;
	background-color: #fff;
}

/* --------------------------------------------------------------- 1D. Footer Styles -------------------------------------- */
/* -- Sets the footer color and border size and color -- */
footer#footer {
	background-color: #EDF1F2;
	border-top: 10px solid #E62831;
	line-height: 30px;
	width: 100%;
}

footer#footer a, footer#footer p {
	font-size: 21px;
	color: #000000;
}

footer#footer_one {
	width: 32%
}

footer#footer_two {
	width: 32%
}
.footer-widgets{
	display: flex;
	justify-content: space-around;
}
/*footer#footer .container.footer-widgets {
	width: 100% !important;
	padding: 35px 10px 20px;
	box-sizing: border-box;
}
*/
/*
footer#footer .container .row.widget-area {
	margin-left: 0;
}
*/
/* -- Sets the Widget Footer 1 to 100% -- */
/*
footer#footer #footer_one {
	box-sizing: border-box;
	float: none;
	width: 100%;
	margin: 0;
}
*/
/*
footer#footer #footer_one {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
*/
/*
footer#footer #footer_one aside {
	flex: 0 1 auto;
	margin: 15px auto;
}
*/

/* -- Hides Footer two and three -- */
/*
footer#footer #footer_two, footer#footer #footer_three  {
	display: none;
	float: none;
}
*/

/*Keeps social links from being the same color as text */
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited {
	fill: #ffffff;
}

/* ---------------------------------- Hides bottom credits and bottom footer --------------------*/
#footer .colophon .credits {
	display: none;
}

#footer .colophon {
	display: none;
}



/* --------------------------------------------------------------- 1E. Google Translate --------------------------------------------- */
/* Fixes Google Translate issue with creating a large chunk of white space at the bottom of the page */

.goog-te-spinner-pos + div {
    height: auto !important;
}

/* Fix for Firefox that loads foogallery span inbetween google divs */
.goog-te-spinner-pos + .foobox_font_preload + div {
    height: auto !important;	
}


/* Additional fix for when a user navigates to different translated pages */

.goog-te-menu-frame + div {
	height: auto !important;
}

/* Fixes Google Translate Text Color to match other widgets in footer */

footer#footer #google_translate_element .goog-te-gadget {
	color: #fafafa;
}

/* resizes select element for Google Translate */
.goog-te-combo {
	width: 180px;
}

/* Adds padding and margin to match contact widget above */
#mplic_translate_widget {
	margin-left: 1%;
	padding-left: 5px;
}


/* --------------------------------------------------------------- End Global Styles -------------------------------------- */

/* --------------------------------------------------------------- 2.PAGES ------------------------------------------------ */

/* --------------------------------- 404 and No Result Pages -------------------------------------- */
.my-404-text, .noresult-text {
	font-size: 1.2rem;
	font-weight: bold;
}

/* ---------------------------- Access Buttons and Categories for Pages Styles for Pages ------------------------------------- */
/* New Styles for Resources and Reading Lists */
div[class^="resource-flex-layout"] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	clear: both;
	padding-top: 20px;
}

div[class^="resource-flex-layout"] .listing-item {
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 370px;
	padding: 0 10px;
	margin: 10px 0;
}

div[class^="resource-flex-layout"] .listing-item .image {
	display: block;
/*	height: 227px;*/
	max-height: 350px;
	width: 100%;
	max-width: 570px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 7px;
	overflow: hidden;
	line-height: 227px;
}

div[class^="resource-flex-layout"] .listing-item .image img {
	width: auto;
	height: auto;
/*	max-height: 227px;*/
}

div[class^="resource-flex-layout"] .listing-item .title {
	display: block;
	box-sizing: border-box;
	background: rgba(228,36,52,1);
	color: #fff;
	padding: 5px;
	font-weight: bold;
	letter-spacing: 0.1rem;
	font-size: 1.1rem;
	text-align: center;
	max-width: 570px;
	margin: 0 auto;
}

div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
	max-width: 570px;
	margin: 0 auto;
}

div[class^="resource-flex-layout"] .listing-item .access-button {
	display: block;
	margin: 7px 0;
	width: 100%;
	box-sizing: border-box;
}

/* Hides resources on actual page and shows in resource lists */
.card-resource-content {
	display: none;
}

.resource-flex-content .card-resource-content {
	display: block;
}

/* For databases with just two entries */

div[class$="-just2"] .listing-item .image {
	height: 350px;
	line-height: 350px;
}

div[class$="-just2"] .listing-item .image img {
	max-height: 350px;
}


/* h1 text styling */
.title-access-header {
	text-align: center;
	color: #ff0000;
}

/*Display Posts for Categories*/
.my-grid-layout {
    margin-bottom: 20px;
}

.my-grid-layout p {
    display: block;
    float: right;
    width: 76%;
    padding: 10px;


}

.my-grid-layout img {
    display: block;
    float: left;
    width: 15%;
    padding-right: 2%;
    clear: both;
    padding: 10px;
}

.dps-listing-content .card-resource-content {
	display: block;
}

.wypl-grid-layout img {
    display: block;
    float: left;
    width: 15%;
    padding-right: 2%;
    clear: both;
    padding: 10px;
}

.wypl-grid-layout a.title {
    font-size: 20px;
}

.wypl-grid-layout div.content {
    display: block;
    float: right;
    width: 76%;
    padding: 10px;
}

.booktalk-my-grid-layout .excerpt-dash { 
	display: none; 
}
.booktalk-my-grid-layout .title { 
	display: block;
    font-size: 1.5em;
}

.booktalk-my-grid-layout .content { 
	display: block; 
    padding-bottom:35px;
}

/*Access Resources button*/
.access-button {
  display: inline-block;
  background-color: #ffffff;
  border-color: #00A4C4;
  border-width: 2px;
  border-style: solid;
  font-size: 16px;
  font-weight: 500 !important;
  font-family: 'Roboto', sans-serif;
  color: #00A4C4;
  text-align: center;
  padding: 1px;
  width: 155px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}

.access-button:visited {
  color: #00A4C4;
}

.access-button:hover {
  color: #ffffff;
  background-color: #00A4C4;
  text-decoration: none;
  border-color: #00A4C4;
  border-width: 2px;
  border-style: solid;

}

/*Other Buttons*/
.access-button2 {
  display: inline-block;
  background-color: #2e388f;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 5px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.access-button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.access-button2 span:after {
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: .5s;
}

.access-button2:visited {
 color: #ffffff !important;
}

.access-button2:hover span {
  padding-right: 25px;
  color: #ffffff;
}

.access-button2:hover span:after {
  opacity: 1;
  right: 0;
}

/* ----------------------------------- Accounts page ------------------------------------------ */
.acc-mm-container {
	box-sizing: border-box;	
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
}

.acc-mm-left {
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
}

.acc-mm-right {
	box-sizing: border-box;
	width: 70%;
	float: left;
	margin: 0;
	font-size: 1.1em;
	text-align: left;
}

.acc-accounts-logo {
	width: 100px;
	height: 100px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/account-logo.png');
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0;
}

#acc-oneclick-logo {
	background-size: 99%;
	background-position: 0 50%;
}

#acc-overdrive-logo {
	background-position: 0 100%;
}

#acc-lib-logo {
	background-position: 0 0;
}

#acc-oneclick-logo:hover, #acc-overdrive-logo:hover, #acc-lib-logo:hover {
	opacity: 0.5;
}

/* ------------------------------------------------ AYPL ------------------------------------------------ */

/* Changes the color of the View More button */
.load_more4 .load_more_button4 {
	background-color: rgb(235,57,55) !important; 
	color: #fff !important;
} 

.load_more4 .load_more_button4:hover {
	background-color: rgb(108,23,22) !important; 
	color: #fff !important;
}

/* ------------------------------------------------ Becoming American ---------------------------------------- */
/* Program SubNavs */
ol.becomingamerican-subnav {
	margin: 0 0 10px;
	padding: 0;
	justify-content: center;
}

ol.becomingamerican-subnav .flexitem-row {
	flex: 0 0 auto;
	font-weight: bold;
	margin: 0 0 5px 30px;
}

ol.becomingamerican-subnav .homeitem {
	list-style-type: none;
}

/* Logo Footers */
.becomingamerican-logo-footer {
	justify-content: center;
}

.becomingamerican-logo-footer a {
	display: inline-block;
	margin: 5px;
}

.citylore-logo img {
	width: 200px;
	height: auto;
}

/* Poster Footer Reconstruction */
.becomingamerican-footer-container {
	margin-top: 15px;
}

.becomingamerican-lfooter {
	width: 270px;
}

.becomingamerican-lfooter ul {
	list-style: none;
	margin: 0 0 15px 0;
}

.becomingamerican-rfooter {
	flex: 2 1 auto;
	width: 600px;
}

/* Sponsors logos */
.becomingamerican-sponsors a {
	margin: 7px 12px;
	line-height: 129px;
}

.becomingamerican-sponsors img {
	width: 236px;
}

#memtngov-logo img {
	width: 175px;
	height: auto;
}

/* Partners logos */
.becomingamerican-partners ul {
	margin-left: 0;
	text-align: center;
}

.becomingamerican-partners li {
	display: inline-block;
	margin: 2px 5px;
}

.becomingamerican-partners li a {
	font-weight: bold;

}

/* ------------------------------------------------ Bicentennial --------------------------------------------- */
/*-- Main wrapper class --*/
.sectional-divider-bicent {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 35px 55px;
}

/*--Hero Wrapper --*/
.hero-bicent {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-bicentennial-herobg.jpg');
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 75px;
}

.bicent-page-header {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/map-header-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bicent-page-wrapper {
	position: relative;
}

.bicent-page-header h1 {
	padding: 10px 0;
	margin: 0;
	font-family: 'Oswald';
	font-size: 2.5rem;
}

.bicent-page-footer {
	width: 100%;
	height: 90px;
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/map-header-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	bottom: -60px;
	z-index: -1;
}

#bicent-splash-header {
	width: 60%;
	height: auto;
}

#bicent-splash-header #shadow .cls-1 {
	fill: #000;
}

/*-- Info Wrapper --*/
.info-bicent h2 {
	text-transform: capitalize;
	text-align: left;
	color: rgba(15,15,15,1);
	font-family: "Oswald";
	font-size: 3rem;	
}

.info-bicent p {
	font-size: 1.3rem;
	line-height: 1.7;
}

.info-bicent img {
	border-radius: 50%;
}

.info-bicent img.alignright {
	margin-left: 30px;
}

.info-bicent img.alignleft {
	margin-right: 30px;
}

/*-- Splash Info --*/
.splashinfo-bicent {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-bicent-splashinfo-bg.jpg');
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 45px;
	margin-top: 15px;
}

/* This sets h3 tag if it used for Presenters and not info */
.splashinfo-bicent h3 {
	color: rgb(255,255,255);
	text-shadow: none;
	font-family: "Oswald";
	font-size: 3rem;
	letter-spacing: 0.1rem;	
}

/* Footer for Bicentennial */
.footer-bicent {
	text-align: center;
}

.footer-bicent a {
	display: inline-block;
	margin: 10px;
}

/* -- Then and Now Page Styles -- */
.page-id-43622 #main-wrapper, .page-id-43589 #main-wrapper, .page-id-43710 #main-wrapper, .page-id-44913 #main-wrapper, .page-id-44916 #main-wrapper, .page-id-44924 #main-wrapper {
	margin-bottom: 0;	
}

.bicent-thennow-wrapper {
	height: 100%;
	min-height: 700px;
	width: 100%;
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-streetscape-light-bg.jpg');
	background-repeat: repeat-y;
	background-size: 100% auto;
	padding-bottom: 20px;
}

.bicent-thennow-header h1 {
	padding: 10px 0;
	margin: 0;
	font-family: 'Oswald';
	font-size: 2.5rem;
}

.bicent-main-nav {
	text-align: center;
	margin: 0 0 25px;
}

.bicent-main-nav li {
	display: inline-block;
	transition-duration: 0.5s;
	font-size: 1.3rem;
	font-weight: bold;
	background-size: cover;
	margin: 2px;
	position: relative;
}

.bicent-main-nav li:hover, .bicent-main-nav li {
	cursor: pointer;
}

.bicent-main-nav li a {
	color: #fff;
	text-shadow: none;
	letter-spacing: 0.1rem;
	display: inline-block;
	padding: 10px 15px 15px;
	background: rgba(0,0,0,0.5);
}

.bicent-main-nav li a:hover {
	background: rgba(228,36,52,0.5);
}

.bicent-main-nav li:first-child {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-home.jpg');	
}

.bicent-main-nav li:nth-child(2) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-streetscapes.jpg');	
}

.bicent-main-nav li:nth-child(3) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-timeline.jpg');	
}

.bicent-main-nav li:nth-child(4) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-events.jpg');	
}

.bicent-main-nav li:nth-child(5) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-thenandnow.jpg');	
}

.bicent-dropdown {
	visibility: hidden;
	display: none;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease;
	left: 0;
	min-width: 180px;
	z-index: 2;
	margin: 0;
	padding: 0;
}

.bicent-dropdown li {
	margin: 0;
	display: block;
}

.bicent-dropdown li:first-child {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-downtown-core.jpg');	
}

.bicent-dropdown li:nth-child(2) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-downtown-south.jpg');
}

.bicent-dropdown li:nth-child(3) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-downtown-other.jpg');
}

/* Mini Nav at the bottom of each Individual Slide page */
#bicent-subnav {
	margin: 10px 0; 
	padding-top: 30px;
}

#bicent-subnav .bicent-main-nav li:first-child {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-downtown-core.jpg');	
}

#bicent-subnav .bicent-main-nav li:nth-child(2) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-downtown-south.jpg');
}

#bicent-subnav .bicent-main-nav li:nth-child(3) {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-bicent-downtown-other.jpg');
}


#bicent-nav ul li:hover > ul, #bicent-nav ul li:focus-within > ul, #bicent-nav ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
}

#bicent-nav ul li ul li {
	width: 100%;
	font-size: 1.1rem;
}


/* -----Slides with 2 columns---- */
.thennow-cols-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
}

/* Sets wrapper and div width adjustment for the actual slide */
.thennow-cols-wrapper .bicent-thenandnow-wrapper {
	flex: 1 1 auto;
	width: 70%;
}

.thennow-cols-wrapper .bicent-thenandnow-wrapper .thenandnow-width-adjust {
	width: 90%;
	height: auto;
	margin: 0 auto;
}

.thennow-cols-wrapper #thennow-wrapper-slide-unifro .thenandnow-width-adjust {
	width: 80%;
}

.thennow-cols-wrapper #thennow-wrapper-slide-latow .thenandnow-width-adjust {
	width: 60%;	
}

.thennow-cols-wrapper #thennow-wrapper-slide-chisca .thenandnow-width-adjust {
	width: 60%;	
}

/* Sets the text area that is to the right */
.thennow-text-col {
	flex: 1 1 auto;
	width: 30%;
	margin: 0;
}

/* Width Adjust div that is centered */
.thennow-text-adjust {
	margin: 0 45px 0 auto;
}

.thennow-text-col h2 {
	font-size: 2.2rem;
	line-height: 1.1;
	margin-top: 0;
}

.thennow-text-col .bicent-thenandnow-text {
	font-size: 1.4rem;
	line-height: 1.5em;
}

.thennow-text-col .bicent-thenandnow-caption {
	font-size: 1.2rem;
}

/* Adjusts width for tall images and lots of text */
.thennow-tallandlong-adjust .bicent-thenandnow-wrapper {
	width: 55%;
}

.thennow-tallandlong-adjust .thennow-text-col {
	width: 45%;
}

/* --- Styles for the iframe and container --- */
.bicent-thenandnow-iframe {
	position: relative;
	overflow: hidden;
	padding-top: 69.64%;
	border: 10px solid #000;
	background: #000;
}

#thenandnow-iframe-latow {
	padding-top: 128.57%;
}

#thenandnow-iframe-madave, #thenandnow-iframe-maj {
	padding-top: 69.64%;
}

#thenandnow-iframe-postoff {
	padding-top: 67.23%;
}

#thenandnow-iframe-unifro {
	padding-top: 78.74%;
}

#thenandnow-iframe-mainbeale {
	padding-top: 78.64%;
}

#thenandnow-iframe-bealeherna {
	padding-top: 75.3%;
}

#thenandnow-iframe-more {
	padding-top: 70.87%;
}

#thenandnow-iframe-tennclub {
	padding-top: 73.489%;
}

#thenandnow-iframe-mainnorth {
	padding-top: 79.9%;
}

#thenandnow-iframe-northmainst {
	padding-top: 70.435%;
}

#thenandnow-iframe-northmainstre {
	padding-top: 63.933%;
}

#thenandnow-iframe-gepatterson {
	padding-top: 68.38%;
}

#thenandnow-iframe-florida {
	padding-top: 68.82%;
}

#thenandnow-iframe-underflor {
	padding-top: 70.28%;
}

#thenandnow-iframe-chisca {
	padding-top: 123.87%;
}

#thenandnow-iframe-southmain {
	padding-top: 68.34%;
}

#thenandnow-iframe-adler {
	padding-top: 60%;
}

#thenandnow-iframe-arcade {
	padding-top: 69.66%;
}

#thenandnow-iframe-southbutler {
	padding-top: 64.907%;
}

#thenandnow-iframe-main-ncrm {
	padding-top: 59.146%;
}

#thenandnow-iframe-southvance {
	padding-top: 69.831%;
}

.bicent-thenandnow-iframe  iframe {
	width: 100%;
	height: 100%;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* --- Text for each slide --- */
.bicent-thenandnow-text {
	margin: 15px 0;
	font-weight: bold;
}

.bicent-thenandnow-caption {
	font-weight: bold;
}

/* More Coming Soon Slide */
.moreimgholder {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bicentennial-madisonghost.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* ------- New Then and Now Page --------- */
#thenandnow-intro {
	padding: 0 1.6%;
	box-sizing: border-box;
}

.landing-thenandnow-wrapper#bicent-events-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
}

.landing-thenandnow-wrapper#bicent-events-wrapper .bicent-events-indiv-container {
	flex: 1 1 auto;
	width: 350px;
	margin: 10px 1.6%;
}

.landing-thenandnow-wrapper#bicent-events-wrapper .bicent-image-header {
	margin: 0;
	height: 40vh;
	max-height: 400px;
	background-size: cover;
	background-position: center;
}

.landing-thenandnow-wrapper#bicent-events-wrapper #downtown-core .bicent-image-header {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-hero-downtown-core.jpg');
}

.landing-thenandnow-wrapper#bicent-events-wrapper #downtown-south .bicent-image-header {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-hero-downtown-south.jpg');

}

.landing-thenandnow-wrapper#bicent-events-wrapper #downtown-other .bicent-image-header {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-hero-downtown-med.jpg');
}


.landing-thenandnow-wrapper#bicent-events-wrapper h2 a {
	color: #fff;
}

.landing-thenandnow-wrapper#bicent-events-wrapper h2 a:hover {
	text-decoration: underline;
}

/*-----------Then Now Kevin----------------------------*/

/*White Space Fix*/
          @media (max-width: 319.98px) {
            iframe.juxtapose {
                height: 160px;
            }
          }
          @media (min-width: 320px) {
            iframe.juxtapose {
                height: 318px;
            }
          }
          @media (min-width: 576px) {
            iframe.juxtapose {
                height: 300px;
            }
          }
          @media (min-width: 768px) {
            iframe.juxtapose {
                height: 400px;
            }
          }
          @media (min-width: 992px) {
            iframe.juxtapose {
                height: 540px;
            }
          }
          @media (min-width: 1200px) {
            iframe.juxtapose {
                height: 640px;
            }
          }

/* --------- Bicentennial Events Page ----------------- */
.bicent-intro {
	width: 95%;
	margin: 5px auto;
	font-weight: bold;
	font-size: 1.2rem;
}

#bicent-events-wrapper {
	width: 95%;
	margin: 5px auto;
}

.bicent-image-header {
	margin: 15px 0 0;
	position: relative;
}

.bookstock-header-wrap.bicent-image-header {
	margin: 15px 0 0;
}

.bicent-image-header h2 {
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	right: 0;
	margin: 0;
	width: 100%;
	padding: 15px;
	font-size: 1.5rem;
	background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,1));
	text-align: right;
	text-shadow: none;
	color: #fff;
}

.bicent-image-header img {
	margin: 0 auto;
}

.bicent-eventtext-wrapper {
	margin: 0 0 30px;
}

.bicent-eventtext-wrapper {
	box-sizing: border-box;
	padding: 15px;
	background: rgba(255,255,255,0.7);
}

.bicent-wypl-video-wrapper {
	width: 425px;
	max-width: 100%;
	margin: 5px;
}

/* ---------------------------------------- Black History Month ------------------------------------------ */
/* Ruler for sidebar wigets */
.widget-rule {
	display: block;
	width: 100%;
	margin: 5px 0 12px 0;
	padding: 0;
	border-bottom: 2px solid #000;
}

/* Div to contain the entire content of BHM events */
.bhm-container {
	padding: 0;
	margin: 0;
	width: 100%;
}

/* Div to contain Image */
.bhm-image {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

/* Allows image to scale */
.bhm-image img {
	max-width: 100%;
	height: auto;
}

/* Houses the text for BHM */
.bhm-description {
	padding: 0;
	margin: 0;
	width: 100%;
}

/* ----------------------------------------- Blog Posts ------------------------------------------------- */
/* -------- XPRIZE --------- */
.xprize-wrapper {
	width:100%; 
	height:300px; 
	padding:20px; 
	box-sizing:border-box; 
	background-image:url('https://www.memphislibrary.org//wp-content/uploads/img-xprize-hero.jpg'); 
	background-position:top right; 
	background-size: cover;
}

.xprize-wrapper p {
	color: #fff;
	font-size: 2.5rem;
	line-height: 1.1;
	margin: 0 0 8px;
}

.xprize-wrapper p.xprize-date {
	color: rgb(247,236,39);
}

.xprize-footer {
	background: rgb(86,65,154);
	box-sizing: border-box;
	padding: 15px;
	justify-content: space-around;
	align-items: center;
}

.xprize-footer img {
	flex: 0 1 auto;
}

/* ----------------------------------------- Bookstock -------------------------------------------------- */
/* -- Bookstock 2020 with Block Editor --*/
/* -- Some styles from previous Bookstock looks are being reused. -- */
.keynote-wrapper h3 {
	background: rgb(228,36,52);
	padding: 15px;
	text-shadow: none;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
}

.keynote-wrapper .wp-block-columns {
	padding: 0 15px 15px;
}

.keynote-wrapper .wp-block-column {
	margin: 15px;
}

.keynote-wrapper .wp-block-column .wp-block-image {
	margin: 0 auto;
}

.keynote-wrapper .wp-block-column .wp-block-image figure {
	margin: 0 auto;
}


/* 2019 Design Additions */
.bookstock-header-wrap {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bookstock-header-bg.jpg');
	background-repeat: repeat;
	background-size: contain;
	margin-bottom: 10px;
}

.bookstock-bicent {
	padding: 10px 0;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.1rem;
}

/* New Panel and Discussion Events */

.bookstock-bicent-table td {
	text-align: left;
	padding: 10px;
}

.bookstock-bicent-table tr:nth-child(1) th {
	padding: 0;
	border-bottom: 0;
}

.bookstock-bicent-table tr:nth-child(2n) th {
	font-size: 1.8rem;
	line-height: 1.4;
	padding: 10px 20px;
	color: #fff;
	text-align: right;
	vertical-align: bottom;
	background-color: #000;
	border-bottom: 0;
}

.bookstock-tlb-bold {
	font-weight: bold;
}

/* Food Trucks 2019 */
#bookstock-foodtrucks h3 {
	font-size: 1.8rem;
	line-height: 1.4;
	padding: 10px 20px;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
	background-color: #000;
	margin-top: 30px;
}

#bookstock-foodtrucks .flexitem-row {
	width: 50%;
}

#bookstock-foodtrucks .flex-rows-container {
	margin: 10px 0;
}

#bookstock-foodtrucks .flexitem-cols img {
	margin-top: 0;
}

#bookstock-foodtrucks .foodtruck-name {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 10px;
	margin-left: 10px;
}

#bookstock-foodtrucks .foodtruck-info {
	padding: 10px;
	margin-left: 10px;
}

#foodtruck-fabflavors .foodtruck-name {
	background: rgb(175,73,120);
	color: #fff;
}

#foodtruck-cheftntbbq .foodtruck-name {
	background: rgb(189,34,14);
	color: rgb(248,199,0);
}

#foodtruck-wrapzody .foodtruck-name {
	background: rgb(113,1,0);
	color: #fff;
}

#foodtruck-busybees .foodtruck-name {
	background: rgb(227,206,51);
}

#foodtruck-mempops .foodtruck-name {
	background: rgb(241,79,76);
	color: #fff;
}

/* Bookstock Slide */

.kiosk-slide-container.bookstock-slide-container {
	height: 926px;
	width: 1550px;
	padding-left: 20px;
}


.kiosk-slide-container.bookstock-slide-container .kiosk-slide-header {
	height: 15px;
}



/* 2018 Design */
div[class^="bookstock-"] {
	box-sizing: border-box;
}

/* --- Header --- */
.bookstock-header {
	width: 100%;
	height: auto;
	padding: 15px;
	justify-content: space-around;
}

.bookstock-header-text p {
	text-align: center;
	color: rgb(238,186,0);
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2;
}

.bookstock-header-free {
	flex: 1 1 auto;
	width: 200px;
}

.bookstock-header-free img {
	width: 200px;
	height: auto;
	margin-bottom: 0;
}

.bookstock-header-free p {
	margin-top: 5px;
}

.bookstock-header-logo {
	flex: 1 1 auto;
}

.bookstock-header-logo img {
	width: 450px;
	height: auto;
}

.bookstock-header-date {
	flex: 1 1 auto;
}

.bookstock-header-date p {
	margin: 0 0 2px;
}

.bookstock-header-date span {
	color: #fff;
}

/*--- Keynote Speakers --- */

.bookstock-indiv-author {
	border: 3px solid rgb(0,0,0);
	flex: 1 1 auto;
	margin: 15px 0;
	background: rgba(0,0,0,1);
}

.bookstock-indiv-author h3 {
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
	background: rgb(228,36,52);
	color: #fff;
	padding: 10px;
	margin: 10px 10px 0;
	text-shadow: none;
}

.bookstock-indiv-author .flex-rows-container {
	justify-content: center;
}

.bookstock-indiv-author .flex-rows-container img {
	flex: 0 1 auto;
	margin: 10px;
	align-self: center;
}

.bookstock-indiv-author .flex-rows-container .bookstock-author-descript {
	flex: 1 1 100px;
	box-sizing: border-box;
	padding: 10px;
	background: rgba(255,255,255,1);
	margin: 10px;
}

.bookstock-wiegand-info p {
	flex: 1 1 150px;
}

.bookstock-wiegand-info .digi-link-btn {
	flex: 0 0 auto;
	box-sizing: border-box;
	height: 56px;
	margin: 0 10px 15px;
}

.bookstock-indiv-author .flex-rows-container .bookstock-mod-info, .bookstock-indiv-author .flex-rows-container .bookstock-wiegand-info {
	justify-content: space-around;
}

.bookstock-indiv-author .flex-rows-container .bookstock-mod-info img {
	margin: 0 10px 10px 0;
}

.bookstock-mod-info ul {
	Flex: 1 1 150px;
}

/* ---- Events ---- */
.bookstock-events-list li {
	font-weight: bold;
}

.bookstock-events-list .flexitem-row {
	flex: 1 1 300px;
}

.bookstock-schedule p {
	font-weight: bold;
}


/* --- Bookstock Sponsors --- */
.bookstock-sponsors-container {
	margin-top: 15px;
}

.bookstock-sponsors {
	justify-content: space-around;
	align-content: space-around;
	align-items: center;
	margin-top: 5px;
}

.bookstock-sponsors img {
	flex: 0 0 auto;
	margin: 15px 0;
	max-width: 250px;
	height: auto;
}

/* ----------------------------------------- CLOUD901 ---------------------------------------------------- */
/* Robotics Page */
body.page-id-41253 .entry-header {
	display: none;
}

body.page-id-41253 #main-wrapper {
	margin-top: 0;
}

.cloud901-robotext-container {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-cloud901-roboticsbg8.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 1170px;
	height: auto;
	padding: 0;
	box-sizing: border-box;
	margin-top: 70px;
	border: solid transparent;
	border-width: 70px 0 70px 0;
	border-image-source: url('https://www.memphislibrary.org//wp-content/uploads/img-cloud901-roboticsbg8.png');
	border-image-slice: 60;
	border-image-width: 1 0 1 0;
	border-image-repeat: repeat;
}

.cloud901-robotext-whitebg {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	padding: 25px 16px;
	box-sizing: border-box;
	margin: 0;
}

.cloud901-robotext-whitebg h3 {
	font-size: 2rem;	
	margin: 0 0 15px;
}

/* Front Page Robotics Image */
.cloud901-fullblock-link a {
	display: block;
	position: relative;
}

.cloud901-fullblock-link a img:hover {
	opacity: 0.9;
}

.cloud901-fullblock-link a span:hover + img {
	opacity: 0.9;	
}

.cloud901-fullblock-link span {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 0;
	margin: 0;
	width: 100%;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	background: rgba(0,174,239,0.8);
	z-index: 2;
}

/* Slide Anything Robotics Slide */
.cloud901-slide-container {
	width: 100%;
	height: 37vh;
	padding: 0;
	margin: 0;
	position: relative;
}

.cloud901-slide-container h1{
	position: absolute;
	top: 0;
	width: 100%;
	background: rgba(228,36,52,0.8);
	color: #fff;
	text-shadow: none;
	margin: 0;
	padding: 10px 0;
	letter-spacing: 0.1rem;
}

/* ----------------------------------------- Comics: Virus Comic ----------------------------------------- */
/* --- Set Comic Style --- */
.comicstyle {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.comicstyle .wp-block-cover__inner-container {
	width: 100%;
	max-width: 974px;
}

/* ----------------------------------------- Digital Archives -------------------------------------------- */

/*Search bar*/

.digsearch {
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}

input.digsearchTerm {
  display: inline; 
  float: left;
  width: 80%;
  border: 3px solid #2177b5;
  padding: 5px;
  height: 20px;
  border-radius: 0px;
  outline: none;
  color: #2177b5;
  vertical-align:bottom;
}

.digsearchButton {
  display: inline-block;
  width: 40px;
  height: 36px;
  border: 1px solid #2177b5;
  background: #2177b5;
  text-align: center;
  vertical-align: top;
  color: #fff;
  border-radius: 0px;
  cursor: pointer;
  font-size: 35px;
}


/*Resize the wrap to see the search bar change!*/
.digwrap{
  width: 100%;

}



/* ----------------------------------------- Uses Display Posts to create Content Cards --------------------------------- */
/* 

These are the styles for content cards using display posts shortcode. Each type of content card is created using the class dpwrapper-content-card-#ofcolumns. Any specific stylizations need to be added using the wrapper_id="customid" to make custom styles while still using the class styles.

*/
/* -------------- All Content Cards ----------------- */

/* -- clear fix for wrapper div collapsing because of floats -- */
div[class^="dpwrapper-content-card"]:after {
  display: table;
  clear: both;
  content: '';
}

/* -- sets globals for divs and spans in listing items -- */
div[class^="dpwrapper-content-card"] {
	box-sizing: border-box;
}

div[class^="dpwrapper-content-card"] .listing-item {
	box-sizing: border-box;
}

div[class^="dpwrapper-content-card"] .listing-item .title {
	font-weight: bold;
	display: block;
}

div[class^="dpwrapper-content-card"] .excerpt {
	box-sizing: border-box;
	display: block;
}

/* -- Hides excerpt-dash --*/
div[class^="dpwrapper-content-card"] .listing-item .excerpt-dash {
	display: none;
}

/* -------------- Content Card 2 Columns ------------ */
.dpwrapper-content-card-2column {
	position: relative;
}

.dpwrapper-content-card-2column .listing-item {
	width: 48%;
	height: 478px;
	float: left;
	padding: 20px;
	margin: 0 2% 2% 0;
	border: 1px solid rgba(0,0,0,0.5);
	box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.4), 2px 6px 20px 0 rgba(0,0,0,0.19) inset;
	text-align: center;
}

/* -------------- Content Card 3 Columns ------------ */
.dpwrapper-content-card-3column {
	position: relative;
}

.dpwrapper-content-card-3column .listing-item {
	width: 28%;
	min-width: 240px;
	height: 300px;
	float: left;
	padding: 20px;
	margin: 0 3% 3% 0;
	border: 1px solid rgba(0,0,0,0.5);
	box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.4), 2px 6px 20px 0 rgba(0,0,0,0.19) inset;
	text-align: center;
}


/* -- Archive Feature Cards that use Display Posts Shortcode with 3 Columns -- */

#digi-arc-indiv-feat-3c .listing-item .image img {
	width: 100%;
	height: 220px;
	border: 1px solid rgba(0,0,0,0.5);
}

#digi-arc-indiv-feat-3c .listing-item {
	color: rgba(0,0,0,1);
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-digmemphis-polariod-multibg.jpg');
	background-repeat: no-repeat;
	background-size: 800px 750px;
	border: 0;
	box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.4);
	font-size: 0.85rem;
	/*font-family: 'Rock Salt', cursive;*/
}

#digi-arc-indiv-feat-3c .listing-item .title {
	margin-top: 5px;
	color: rgb(0,0,0);
}

#digi-arc-indiv-feat-3c .listing-item .title:hover {
	color: #970505;
}

#digi-arc-indiv-feat-3c .listing-item:nth-child(1) {
	background-position: left top;
}

#digi-arc-indiv-feat-3c .listing-item:nth-child(2) {
	background-position: center top;
}

#digi-arc-indiv-feat-3c .listing-item:nth-child(3) {
	background-position: right top;
}

#digi-arc-indiv-feat-3c .listing-item:nth-child(4) {
	background-position: left bottom;
}

#digi-arc-indiv-feat-3c .listing-item:nth-child(5) {
	background-position: center bottom;
}

#digi-arc-indiv-feat-3c .listing-item:nth-child(6) {
	background-position: right bottom;
}

/* Archive for front page */

.digi-arc-indiv-feat .listing-item {
	float: left;
	width: 40%;
	padding: 2% 2.5% 2% 2.5%;
}

.digi-arc-indiv-feat .listing-item .excerpt-dash {
	display: none;
}

.digi-arc-indiv-feat .listing-item .title {
	font-weight: bold;
	display: block;
}

.digi-arc-indiv-feat .listing-item .image {

}

.digi-arc-indiv-feat .listing-item .excerpt {
	display: block;

}

/* Archive for A-Z Page */
.digi-arc-indiv-coll .listing-item {
	width: 100%;
	height: 165px;
	clear: both;
	margin-bottom: 15px;
}

.digi-arc-indiv-coll .listing-item .title {
	font-weight: bold;
	float: left;
	
}

.digi-arc-indiv-coll .listing-item .image {
	float: left;
	margin: 0 15px 0 0;
	vertical-align: top;
}

.digi-arc-indiv-coll .listing-item .excerpt {
	display: block;
	width: 65%; 
	float: left;
}

.digi-arc-indiv-coll .listing-item .excerpt-dash {
	display: none;
}

/* --- Exhibits Page Styles for Thinking Money --- */
.digi-thinkmon-subpages .listing-item {
	margin-left: 30px;
}

.digi-thinkmon-subpages .listing-item .title {
	display: block;
	float: none;
}

/* Digital Postcard Collage */

.digital-collage-container {
	width: 100%;
	height: auto;
	position: relative;

}

.digi-collage-image {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	transition: transform 0.75s ease;
	
}

.digi-middle {
	transition: .5s ease;
	opacity: 0;
	width: 50%;
	height: 80%;
	position: absolute;
	box-sizing: border-box;
}


.digi-collage-image:hover .digi-middle {
	opacity: 1;
}

.digi-collage-image:hover {
	z-index: 90 !important;
	transform: rotate(360deg) scale(2) !important;
}

.digi-text-container {
	background-color: rgb(48, 77, 161);
	color: white;
	font-size: 8px;
	line-height: 9px;
	padding: 8px 12px;
	position: absolute;
	box-sizing: border-box;
}

.digi-text-container p {
	margin: 0;

}

/* -- Text Size Classes for Jamie to Use on Collage Images -- */
.text150 {
	font-size: 12px;
	line-height: 13.5px;
}

.text140 {
	font-size: 11.2px;
	line-height: 12.6px;
}

.text130 {
	font-size: 10.4px;
	line-height: 11.7px;
}

.text120 {
	font-size: 9.6px;
	line-height: 10.8px;
}

.text110 {
	font-size: 8.8px;
	line-height: 9.9px;
}

.text100 {
	font-size: 8px;
	line-height: 9px;
}

.text90 {
	font-size: 7.2px;
	line-height: 8.1px;
}

.text80 {
	font-size: 6.4px;
	line-height: 7.6px;
}

.text70 {
	font-size: 5.6px;
	line-height: 6.65px;
}

.text60 {
	font-size: 4.8px;
	line-height: 5.8px;
}

.text50 {
	font-size: 4px;
	line-height: 4.85px;
}

/* -- Text Position Classes for Jamie -- */

.textpos-topleft {
	top: 0;
	left: 0;
}

.textpos-topleft2 {
	top: 0;
	left: 0;
}

.textpos-topmid {
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.textpos-topmid2 {
	left: 0;
	top: 0;
}


.textpos-topright {
	right: 0;
	top: 0;
}

.textpos-topright2 {
	right: 0;
	top: 0;
}

.textpos-midleft {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.textpos-midleft2 {
	left: 0;
	top: 25%;
}

.textpos-midmid {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.textpos-midmid2 {
	left: 0;
	top: 25%;
}

.textpos-midright {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.textpos-midright2 {
	right: 0;
	top: 25%;
}


.textpos-bottomleft {
	left:0;
	bottom: 0;
}

.textpos-bottomleft2 {
	left:0;
	bottom: 0;
}

.textpos-bottommid {
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.textpos-bottommid2 {
	left: 0;
	bottom: 0;
}

.textpos-bottomright {
	right: 0;
	bottom: 0;
}

.textpos-bottomright2 {
	right: 0;
	bottom: 0;
}

/* Collage Background Shortcodes */

.digi-collage-bg-full {
	position: absolute;
	z-index: -50;
	max-width: 100%;
}

/* -------------- Digital Archive Left Sidebar ------------------- */

.digi-nav-container p {
	margin: 0;
}

.digi-nav-indiv-container {
	margin: 0 0 11px 0;
}


/* ---------------------- Custom Button via Shortcoder --------------------- */
/* Archive Button */
.digi-link-btn .fa-archive {
	margin-right: 1rem;
}

/* class for digital archive button */
a.digi-link-btn {
	display: block;
	background-color: rgb(255,255,255);
	color: #e42434;
	padding: 10px 15px;
	border: 4px solid #e42434;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	width: 200px;
	margin: 15px 0;
}

a.digi-link-btn:hover {
	color: #fff;
	background-color: #e42434;
}

/* Older classes for div containing button */
/* Archive Button */
.digi-btn .fa-archive {
	margin-right: 1rem;
}

/* class for button */
.digi-btn {
	width: 200px;
	background-color: rgb(255,26,26);
	color: #fff;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 8px;
}

.digi-btn:hover {
	background-color: rgb(102,0,0);
	color: #fff;
}

.digi-btn-wypl {
	background-color: rgb(75,163,227);
	border-color: #fff;
	color: #fff;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

.digi-btn-wypl:hover {
	background-color: rgb(102,0,0);
	color: #fff;
}


/* --------- Dig Memphis Exhibits --------- */
/* -- Suffrage Exhibit using Block Editor --- */
.suffragequote {
	padding: 1em 1em 1em 2.5em !important;
	border: none;
	box-shadow:
		inset 4px 0 0 0 rgb(95,75,139),
		inset 8px 0 0 0 rgb(255,255,255),
		inset 12px 0 0 0 rgb(250,187,48);
}

.digmemphis-exhibit-suffrage a {
	color: #80450A;
	text-shadow: 0 0 0 #FABB30;
}


.digmemphis-exhibit-suffrage hr.wp-block-separator {
	height: 1px;
	border-top: 2px solid rgba(225,225,225,0.7);
    border-bottom: 2px solid rgba(25,25,25,0.3);
}

.suffrageborder {
	box-shadow:
		inset 0 0 0 4px rgb(95,75,139),
		inset 0 0 0 8px rgb(255,255,255),
		inset 0 0 0 12px rgb(250,187,48);
}

/* -- Library History Exhibit using Block Editor --- */
.libraryhistoryquote {
	padding: 1em 1em 1em 2.5em !important;
	border: none;
	box-shadow:
		inset 4px 0 0 0 rgb(148,39,36),
		inset 8px 0 0 0 rgb(255,255,255),
		inset 12px 0 0 0 rgb(0,164,196);
}

.digmemphis-exhibit-library a {
	color: #942724 ;
	text-shadow: 0 0 0 #e42434;
}

.digmemphis-exhibit-library hr.wp-block-separator {
	height: 1px;
	border-top: 2px solid rgba(225,225,225,0.7);
    border-bottom: 2px solid rgba(25,25,25,0.3);
}

.libraryhistoryborder {
	box-shadow:
		inset 0 0 0 4px rgb(148,39,36),
		inset 0 0 0 8px rgb(255,255,255),
		inset 0 0 0 12px rgb(0,164,196);
}

.meet-the-candidatesborder {
	box-shadow:
		inset 0 0 0 4px rgb(191,10,48),
		inset 0 0 0 8px rgb(255,255,255),
		inset 0 0 0 12px rgb(0,40,104);
}

.digmemphisborder {
	box-shadow:
		inset 0 0 0 4px rgb(148,39,36),
		inset 0 0 0 8px rgb(255,255,255),
		inset 0 0 0 12px rgb(0,0,0);
}

/* Tried to create some global exhibit styles that can be easily recycled */

/*Container Div*/
.exhibit-container {
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	padding: 15px 25px 40px;
	margin: 20px auto 150px auto; /* adds extra margin to help expand page */
}

.exhibit-ruler {
	width: 100%;
	height: 3px;
	background-color: rgb(70,70,70);
	margin: 10px 0 20px;
}

/* Navigation for exhibit pages */
ul.exhibit-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.exhibit-nav li {
	float: left;
}

.exhibit-nav a {
	display: block;
	padding: 6px 8px;
	border-left: 1px solid black;
	text-align: center;
}

.exhibit-nav li:first-child a {
	padding-left: 0;
	border-left: 0;
}

/* --- Styles for Thinking Money Exhibit --- */

body.page-id-37427 #tc-page-wrap, body.page-id-37547 #tc-page-wrap, body.page-id-37545 #tc-page-wrap, body.page-id-37543 #tc-page-wrap, body.page-id-37541 #tc-page-wrap  {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-digmemphis-bg-thinkingmoney.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.category-dig-exhibit-thinkingmoney .entry-header h1.entry-title {
	color: rgb(66,33,19);
	background: rgba(255,255,225,0.8);
	border: 3px solid rgb(118,49,20);
	font-size: 3em;
	font-family: 'Oswald';
	margin: 0;
	line-height: 1.1;
	vertical-align: middle;
	padding: 3px 0;
}

/* Hides featurette divider */
.category-dig-exhibit-thinkingmoney .entry-header .featurette-divider {
	display: none;
}

#thinkingmoney-container {
	border: 3px solid rgb(118,49,20);
}

#thinkingmoney-ruler {
	background-color: rgb(66,33,19);	
}

/* -------- Dig Memphis Landing Page Styles that replicate ContentDM -------- */
/* -- Move to Block Editor Area -- */
.fullwidth-block-wrapper90 {
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
}

.fullwidth-block-wrapper {
	width: 95%;
	max-width: 1024px;
	margin: 0 auto;
	box-sizing: border-box;
}

.cover-fullpage {
	margin-bottom: -20px;
}

.cover-fullpage.wp-block-cover .wp-block-cover__inner-container {
	color: #000;
}

/* --- New Sticky Wrapper Replica for Landing Pages --- */
/*--- Style for the page background ---*/
.digmem-fullpagebg {
	background-size: auto;
	background-repeat: repeat-y;
}

.digmem-fullpagebg .wp-block-cover__inner-container:first-child {
	width: 100%;
}

/* -- Original Styles -- */
.digpage-landing-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#midsouth-bg {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-coliseum-bg-repeating.jpg');
	background-position: top 200px right;
	background-repeat: repeat-y;
	position: relative;
}

/* ------ Header for Landing Pages - Default Styles ------*/
.header-wimage-digmemphis {
	position: relative;
	padding: 0;
	background-repeat: no-repeat;
	background-size: cover;
	height: 250px;
}

.digmemphis-search-wrapper {
	position: absolute;
	top: 12px;
	right: calc(55px + 2vw);
	width: 100%;
	box-sizing: border-box;
}

.digmemphis-search-wrapper input.digsearchTerm {
	display:block;
	float: none;
	width: 175px;
	position: absolute;
	top: 0;
	right: 40px;
}

.digmemphis-search-wrapper .digsearchButton {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.digmemphis-nav-wrapper {
	position: absolute;
	top: 10px;
	right: 2vw;
	width: 45px;
}

/*---- Styles for Specific Collection Headers ----*/ 
/*-- Mid-South Coliseum Collection Header --*/
#coliseumheader {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-header-bluecoliseum.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*-- A.Schwab Collection Header --*/
#aschwabheader {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-ASchwab-Header-1920-673.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*-- Everett R. Cook Oral History Header --*/
#everettrcookheader {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/img-Cook-Header-2-1.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

/*-- Funeral Programs History Header --*/
#funeralprogramheader {
	background-image: url('https://www.memphislibrary.org/wp-content/uploads/2025/03/img-funeral_prgms_header.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.header-wimage-funeral {
	position: relative;
	padding: 0;
	height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
}


/* ----- Landing Page Hero Image ----- */
/* --Landing Hero for MidSouth is just SVG Logo Link -- */

a.mlflogosvglink {
	display: block;
	height: 100%;
}

a.mlflogosvglink:hover .cls-1-coliseum {
	fill: rgb(215,215,215);
}

#hero-coliseum {
	box-sizing: border-box;
	padding: 10px 0;
	background: rgba(100,100,100,1);
}

#hero-coliseum .svg-text-wrapper {
	display: none;
	width: 90%;
	height: 4vw;
	margin: 0 auto;
}

#hero-coliseum .svg-text-wrapper-mobile {
	width: 90%;
	height: 13.9vw;
	margin: 0 auto;	
}

#hero-coliseum svg {
	width: 100%;
	margin: 0;
}

/* --- Body Styles -- Default Styles -- */
.info-digmemphis {
	border-radius: 5px;
	border: 1.5px solid rgb(180,180,180);
	background: rgba(255,255,255,0.8);
	padding: 15px;
	margin: 30px auto;
	width: 90%;
}

.info-digmemphis h2.coliseum-pageheader {
	text-align: center;
}

.info-digmemphis img.alignleft {
	margin-right: 30px;
}

.info-digmemphis img.alignright {
	margin-left: 30px;
}

.info-digmemphis h2 {
	text-transform: capitalize;
    text-align: left;
    color: rgba(15,15,15,1);
    font-family: "Oswald";
    font-size: 3rem;	
}

.info-digmemphis p {
	font-size: 1.3rem;
    line-height: 1.7;	
}

.imgcircled {
	border-radius: 50%;
}

/* -- Button for Dig Collection Pages */
.digmemphis-col-btn {
	display: inline-block;
    padding: 15px;
	background: #e42434;
    color: rgb(255,255,255);
    font-weight: bold;
	font-size: 1.2rem;
    letter-spacing: 0.1rem;
    border: 4px solid transparent;
    border-radius: 6px;
}

.digmemphis-col-btn:hover {
	background: rgb(255,255,255);
    color: #e42434;
    border: 4px solid #e42434;
}

/* -- MidSouth Coliseum Specific button styles -- */
.coliseum-btn {
    background: rgb(105,184,207);	
}

.coliseum-btn:hover {
	background: rgb(255,255,255);
    color: rgb(105,184,207);
    border: 4px solid rgb(105,184,207);
}


/* -- Logo Semi-Footer for Coliseum Collection -- */
.logo-wrapper-dig {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 30px auto 15px;
}

.logo-wrapper-dig div {
	display: block;
	margin: 0 auto;
	flex: 0 1 auto;
}

.logo-wrapper-dig div a {
	display: block;
}

.logo-wrapper-dig img {
	border-radius: 0;
	display: block;
	margin: 5px;
}

#coliseum-diglogo img {
	width: 275px;
}

#coliseum-mpllogo img {
	width: 150px;
}

#coliseum-cofmlogo img {
	width: 190px;
}


/* -- Footer Styles for Landing Pages -- Default Styles --*/
.footer-digmemphis-wrapper {
	padding: 10px 0;
}

.footer-digmemphis-container {
	box-sizing: border-box;
	padding: 6px;
	border-radius: 5px;
	border: 1.5px solid rgb(180,180,180);
	background: #fff;
	width: 90%;
	margin: 0 auto;
}

.footer-dignav-wrapper {
	margin: auto;
    text-align: center;
    padding: 0 0 6px;
    max-width: 100%;
}

.footer-dignav-wrapper li {
	white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    padding: 0 5px;
    display: inline-block;
    zoom: 1;
}


/* ----------------------------------------- DiscoverREAD Page, other styles in Global Pages ------------- */
.resources-caregivers-container {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

.resources-caregivers {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/resources-for-caregivers-sprite.png');
	background-repeat: no-repeat;
	margin: 0 0 5% 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

.page-column-responsive-footer img {
	margin: 0 2% 2% 0;
}

#caregivers {
	margin-top: 0;
}

#logo-upp {
	width: 250px;
	height: 105px;
	background-position: 0 0;
}

#logo-aap {
	width: 250px;
	height: 74px;
	background-position: 0 -113px;
}

#logo-cdc {
	width: 250px;
	height: 187px;
	background-position: 0 -209px;
}

#logo-uci {
	width: 250px;
	height: 221px;
	background-position: 0 -414px;
}

#logo-ace {
	width: 250px;
	height: 171px;
	background-position: 0 -654.5px;
}

#logo-0to3 {
	width: 250px;
	height: 176px;
	background-position: 0 -846.5px;
}

/* ----------------------------------------- Democracy Diversity and Discourse -------------------------------------- */

/* Diversity Pages */
div[class^="diversity-"] {
	box-sizing: border-box;
}

.diversity-container .wp-caption {
	padding: 0 5px;
}

.diversity-container .wp-caption-text {
	padding-top: 2px;
}

.diversity-row {
	margin: 0 10px;
	padding: 5px;
}

.diversity-cols {
	margin: 0 10px;
	padding: 5px
}

/* Backgrounds for Standard Diversity Pages. Uses Page ID classes for body */
body.page-id-38669 #tc-page-wrap, body.page-id-38783 #tc-page-wrap, body.page-id-38778 #tc-page-wrap, body.page-id-38741 #tc-page-wrap, body.page-id-38745 #tc-page-wrap, body.page-id-38751 #tc-page-wrap, body.page-id-38753 #tc-page-wrap, body.page-id-38747 #tc-page-wrap, body.page-id-38749 #tc-page-wrap, body.page-id-38785 #tc-page-wrap, body.page-id-38764 #tc-page-wrap, body.page-id-38767 #tc-page-wrap, body.page-id-38769 #tc-page-wrap, body.page-id-38762 #tc-page-wrap, body.page-id-38805 #tc-page-wrap, body.page-id-38882 #tc-page-wrap, body.page-id-38885 #tc-page-wrap, body.page-id-38887 #tc-page-wrap, body.page-id-38899 #tc-page-wrap, body.page-id-38960 #tc-page-wrap, body.page-id-38964 #tc-page-wrap, body.page-id-38976 #tc-page-wrap, body.page-id-38982 #tc-page-wrap, body.page-id-39216 #tc-page-wrap, body.page-id-39218 #tc-page-wrap, body.page-id-39230 #tc-page-wrap, body.page-id-39232 #tc-page-wrap, body.page-id-39234 #tc-page-wrap, body.page-id-39236 #tc-page-wrap, body.page-id-40096 #tc-page-wrap, body.page-id-40099 #tc-page-wrap, body.page-id-40117 #tc-page-wrap, body.page-id-40141 #tc-page-wrap, body.page-id-40153 #tc-page-wrap, body.page-id-40155 #tc-page-wrap, body.page-id-40542 #tc-page-wrap, body.page-id-40575 #tc-page-wrap, body.page-id-40547 #tc-page-wrap, body.page-id-40566 #tc-page-wrap, body.page-id-40587 #tc-page-wrap, body.page-id-40594 #tc-page-wrap, body.page-id-40624 #tc-page-wrap, body.page-id-40618 #tc-page-wrap, body.page-id-40603 #tc-page-wrap, body.page-id-40585 #tc-page-wrap, body.page-id-40694 #tc-page-wrap, body.page-id-40696 #tc-page-wrap, body.page-id-40725 #tc-page-wrap, body.page-id-40733 #tc-page-wrap {
	background-color: rgb(228,36,52);
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-diversity-bg-right-transparent.png'), url('https://www.memphislibrary.org//wp-content/uploads/img-diversity-bg-left-transparent.png');
	background-repeat: no-repeat;
	background-position: bottom 100px right, left top 50px;
	background-size: auto 1250px;	
}

.category-diversity .featurette-divider {
	display: none;
}

.category-diversity .entry-title {
	margin: 0 0 5px 0;
	background: rgba(255,255,255,1);
	padding: 3px;
	box-sizing: border-box;
}


/* Container for Diversity Content */
.diversity-container {
	box-sizing: border-box;
	width: 100%;
	margin: 20px auto 50px;
	padding: 10px;
	min-height: 600px;
	background: #fff;
}

/* Diversity Quotes */

.diversity-quote {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3;
}

.diversity-quote-author {
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
}

.diversity-caption {
	text-align: right;	
}

/* Diversity Quotes for Header */
.diversity-quote.text-header {
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.25;
}

/* Turns Pages into Full Width Pages */
body.page-id-38732 .container { 
    width: 100% !important;
}
body.page-id-38732 #main-wrapper {
    padding: 0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

body.page-id-38732 #content {
    width: 100% !important;	
	margin-left: 0;
}

body.page-id-38732 #main-wrapper .container .row.column-content-wrapper {
	margin-left: 0;
}

body.page-id-38732 .entry-header {
    width: 100%;
	max-width: 1170px;
	margin: 0 auto;

}

body.page-id-38732 #diversity-nav {
	max-width: 1170px;
	margin: 0 auto;
}

body.page-id-38732 .diversity-container {
	padding: 10px 0 10px 0;
	border-left: 0;
	border-right: 0;
}

/* Set header bg for full width */

body.page-id-38732 #tc-page-wrap {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-diversity-fullwidth-bg.jpg');
	background-repeat: no-repeat;
	background-position: top 37px center;
	background-size: contain;	
}

/* Fixes mega menu on Fullwidth pages */
body.page-id-38732 .entry-content .mega-menu-wrap {
	width: 100% !important;
	max-width: 1170px;
	margin: 0 auto !important;
}

/* -------------------- Home / Splash Page ------------------- */
.diversity-splash .flexitem-row.flex-cols-container {
	flex: 1 1 200px;
}

.diversity-splash .flexitem-row-2x.flex-cols-container {
	flex: 2 1 200px;
}
.diversity-splash .flexitem-row-2x.flex-cols-container .wp-caption {
	flex: 0 0 auto;
}

/* -------------------- Black History Month ------------------- */
/* --- Main row container for page --- */
.diversity-bhm-container {
	margin-top: 10px;	
}

/* --- Wrapper for bottom events --- */
.diversity-bhm-events {
	padding: 5px 15px;
	width: 100%;
}

/* Styles for each individual resource */
.diversity-indiv-resources {
	border: 3px solid rgb(0,164,196);
	margin: 0 10px 15px;
	flex: 1 1 300px;
}

.diversity-indiv-resource-image:nth-child(1) {
	flex: 0 0 auto;
}

.diversity-indiv-resource-image a {
	color: #fff;
}

.diversity-indiv-resource-image h3 {
	background: rgba(0,164,196,0.8);
	margin: 0;
	padding: 10px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.diversity-indiv-resource-text {
	padding: 10px;
	flex: 1 1 auto;
}

/* Alternates color scheme */

.diversity-indiv-resources:nth-child(odd) {
	border: 3px solid rgb(228,36,52);
}

.diversity-indiv-resources:nth-child(odd) .diversity-indiv-resource-image h3 {
	background: rgba(228,36,52,0.75);
}

/* -------------------- Sanitation Workers Exhibit ------------------- */
#strike-exhibit-article .flexitem-row {
	flex: 1 1 300px;
}

.strike-exhibit-container {
	margin: 10px 0 40px;
}

.strike-exhibit-issue {
	flex: 1 1 300px;
	border: 3px solid rgb(228,36,52);
	margin: 5px 10px;
	padding: 0;
	background: rgba(0,0,0,1);
	text-align: center;
}

.strike-exhibit-issue h2 {
	margin: 0;
	padding: 10px 0;
	letter-spacing: 1px;
	background: rgba(235,82,94,1);
	color: #fff;
}

.strike-exhibit-issue h2 a {
	color: #fff;
}

.strike-exhibit-issue h2 a:hover {
	text-decoration: underline;
}

/* ----- Monthly Edition Page -------- */
.strike-exhibit-monthly-edition .display-posts-listing {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.strike-exhibit-monthly-edition .display-posts-listing .listing-item {
	box-sizing: border-box;
	flex: 1 1 300px;
	margin: 5px 10px;
	padding: 5px;
}

.strike-edition-twocolumn .display-posts-listing .listing-item {
	flex: 1 1 400px;
	max-width: 674px;	
}

.strike-exhibit-monthly-edition .display-posts-listing .listing-item .excerpt-dash {
	display: none;
}


.strike-exhibit-monthly-edition .display-posts-listing .listing-item .image, .strike-exhibit-monthly-edition .display-posts-listing .listing-item .title, .strike-exhibit-monthly-edition .display-posts-listing .listing-item .excerpt {
	display: block;
}

.strike-exhibit-indiv-article {
	padding: 20px;
}

/* -------------------- Civil Rights Timeline ----------------- */

.timeline-caption {
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
}

/* -------------------- Immigration Design - Informed Voter -------------------- */
body.page-id-38773 #tc-page-wrap, body.page-id-39307 #tc-page-wrap, body.page-id-39672 #tc-page-wrap, body.page-id-41134, body.page-id-42876 #tc-page-wrap, body.page-id-44638, body.page-id-45795 #tc-page-wrap, body.page-id-46557 #tc-page-wrap, body.page-id-49322 #tc-page-wrap, body.page-id-51145 #tc-page-wrap {
	background-color: rgb(0,164,196);
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/repeating-stars.svg');
	background-repeat: repeat;
	background-position: top left;
	background-size: 50px 166px;
}

.container-border {
    border: 1px solid #ccc;
    box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
	margin: 15px;
}


/* Top Column with Citizenship Corner and Widgets */
a.linc-immigration-btn {
	margin-left: auto;
	margin-right: auto;
	flex: 0 0 auto;
}

.diversity-branches {
	flex: 1 2 150px;
	margin-right: 10px;
}

.diversity-branches li {
	font-weight: bold;
	line-height: 2;
}

.diversity-widgets {
	flex: 1 1 350px;
	margin-left: 10px;
}

.diversity-widgets {
	text-align: center;
}

.uscis-widget {
	margin: 5px;
}


/* Resources */

.immigration-resources {
	flex: 2 1 60%;
}

.immigration-resources .my-grid-layout {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.immigration-resources .my-grid-layout .listing-item {
	margin-bottom: 10px;
	background: rgba(0,164,196,0.2);
	border: 2px solid rgb(0,164,196);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.immigration-resources .my-grid-layout .listing-item .image {
	width: 30%;
	height: auto;
	max-width: 200px;
	margin: 10px 15px 10px 10px;
	flex: 1 1 auto;
}

.immigration-resources .my-grid-layout .listing-item img {
	width: 100%;
	float: none;
	padding: 0;
}

.immigration-resources .listing-item:after {
	display: table;
	clear: both;
	content: '';	
}

.immigration-resources .listing-item .dps-listing-content {
	box-sizing: border-box;
	flex: 1 2 200px;
	margin-left: 10px;
	padding: 10px;
}

.immigration-resources .listing-item .dps-listing-content .access-button {
	margin-left: 0;
}
	
/* Events */

.signup-title-immigration .heading {
	font-weight: 700;
    font-size: 1.125em;
    color: #e42434;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
}

/* Quotes */

.immigration-quote {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-immigration-quote-bg.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	box-sizing: border-box;
	padding: 15px;
	color: rgb(255,255,255);
}

.immigration-quote .diversity-quote {
	line-height: 1.4;
}

.immigration-quote .diversity-quote span {
	display: block;
}

.immigration-quote h2 {
	color: rgb(255,255,255);
}

.immigration-quote .diversity-quote-author {
	text-align: left;
}


.immigration-quote .diversity-caption {
	text-align: left;	
}

/*---- Voter's Left and Right columns ---- */
.diversity-voter-subnav {
	flex: 1 2 100px;
	margin: 0 10px;
	padding: 5px;
}

.diversity-voter-info {
	flex: 2 1 300px;
	margin: 0 10px;
	padding: 5px;
}

/* ----------------------------------------- Donate ------------------------------------------------------ */

.donate-left {
	width: 300px;
}

.donate-right {
	width: 600px; 
}

.mlf-icon {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-icon-mlf-hover-logo.svg');
	width: 39px;
	height: 10px;
	display: inline-block;
}

.title-divider a:hover .mlf-icon {
	filter: hue-rotate(3.24deg) saturate(95.79%) brightness(77.26%);	
}

.fol-icon {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-icon-fol-hover-logo.svg');
	width: 14px;
	height: 20px;
	display: inline-block;
}

.title-divider a:hover .fol-icon {
	filter: hue-rotate(3.24deg) saturate(95.79%) brightness(77.26%);	
}

/* -- ------------------------------------------  Eliminating Fines - FAQ -------------------------------------------------------------- */
.mplfine-question {
	font-weight: bold;
	font-size: 1.3em;
	padding-top: 40px;
}

.mplfine-question span {
	color: #e42434;
}

.mplfine-answer {
	font-size: 1.1em;
	line-height: 1.5em;
}

.mplfine-answer span {
	color: #00a4c4;
}

.mplfine-answer ul li {
	padding: 6px 0;
	line-height: 1.5em;
}



/* ----------------------------------------- Events at Library Page -------------------------------------- */
.events-page {
	width: 100%;
	height: 650px;
	position: relative;
}

.event-tile {
	box-sizing: border-box; 
	width: 240px;
	height: 300px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/event-bg-tiles.jpg');
	background-size: 453.6% 111.67%;
	background-position: 100% 0; 
	border: 3px solid rgb(0,0,0);
	float: left;
	padding: 25px 0;
	margin: 2%;
}

.event-tile-image {
	width: 162px;
	height: 123.75px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/event-bg-tiles.jpg');
	background-size: 526% 204.03%;
	border: 2px solid rgb(0,0,0);
	margin: auto;
	padding: 0;
}

#event-child {
	background-position: 0 0;
}

#event-story {
	background-position: 24.074% 0;
}

#event-teen {
	background-position: 48.148% 0;
}

#event-cloud901 {
	background-position: 72.22% 0;
}

#event-adult {
	background-position: 0 100%;
}

#event-bookclub {
	background-position: 24.074% 100%;
}

#event-computer {
	background-position: 48.148% 100%;
}

#event-job {
	background-position: 72.22% 100%;
}

.event-tile h3 {
	text-align: center;
}

/* ----------------------------------- Events Calendar ------------------------------------------------ */

/* hides next and previous event on the Events Calendar pages

.tribe-events-sub-nav {

	display: none;

}*/

/* --------------------------------- Hiding Class to hide stuff -------------------------------------------- */

.hideme {
	display: none;
}

/* ----------------------------------- Explore Memphis Pages Styles ------------------------------- */
/* -- 2021 styles that use Block editor -- */
.block-steps-groupwrapper .wp-block-group__inner-container {
	padding: 10px;
}


/* To hide menu in Mega Menu */
.mega-hideme-menu {
	display: none !important;
}

/* New Styles for 2018 Version of Pages */
.explore-memphis-header {
	margin: 0 auto 15px;
	text-align: center;
}

.explore-memphis-header img {
	display: inline-block;
	width: 228.4px;
	height: 80px;
	vertical-align: bottom;
	line-height: 1;
}

.explore-memphis-header span {
	text-transform: uppercase;
	color: rgb(9,22,57);
	font-weight: bold;
	vertical-align: bottom;
	font-size: 1.4rem;
	line-height: 1.4;
}

.explore-memphis-header p {
	text-transform: uppercase;
	color: #e42434;
	font-weight: bold;
	vertical-align: bottom;
	font-size: 2.42rem;
	line-height: 1.25;
}

.category-explore-memphis .entry-title, .category-explore-memphis .featurette-divider {
	display: none;
}

.explore-memphis-title {
	font-weight: bold;
	font-size: 1.4rem;
}

/* EM Front Page */

.explorememphis-content-container h3 {
	text-align: left;
	font-weight: bold;
	margin: 15px 0 7px;
}

.em-content-leftcontainer {
	flex: 1 1 400px;
	margin-right: 10px;
}

.em-content-rightcontainer {
	flex: 0 1 225px;
	width: 225px;
	height: auto;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-booknote-border.jpg');
	background-repeat: repeat-y;
	background-position: top right;
	background-size: contain;
}

.explorememphis-button {
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 230px;
	height: 400px;
	margin: 5px;
	padding: 5px 10px 10px;
	font-weight: bold;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	border: 2px solid #000;
	border-radius: 10px;
	background-color: rgb(13,26,51);
	background-repeat: no-repeat;
	background-size: cover;
}

.explorememphis-button:hover {
	border: 2px solid #e42434;	
}

.explorememphis-button#em-read-button {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-exploremem-read-btn.jpg');
	background-position: center top 31px;	
}

.explorememphis-button#em-explore-button {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-exploremem-explore-btn.jpg');
	background-position: center top 31px;	
}

.explorememphis-button#em-participate-button {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-exploremem-participate-btn.jpg');
	background-position: center top 31px;	
}

.explorememphis-button#em-share-button {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-exploremem-share-btn.jpg');
	background-position: center top 30px;
}

/* -- EM Share Page -- */


/*-- EM Explore Page -- */

/* - Major Partner Logo Styles - */
.explorememphis-museumpartners-container {
	width: 100%;
	justify-content: space-around;
}

.em-partner-indiv-container {
	flex: 0 0 auto;
	margin: 15px 0;
	border: 4px solid rgb(50,50,50);
}

.em-logo-container {
	flex: 0 0 auto;
}

.em-museumpartner-logo {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-sprite-explorememphis-logo.jpg');
	background-repeat: no-repeat;
	background-size: 100% 1218.333333%;
}

#em-belz-logo .em-museumpartner-logo {
	background-position: 0 0;
}

#em-cmom-logo .em-museumpartner-logo {
	background-position: 0 9.090909091%;
}

#em-cotm-logo .em-museumpartner-logo {
	background-position: 0 18.18181818%;
}

#em-dixon-logo .em-museumpartner-logo {
	background-position: 0 27.27272727%;
}

#em-mbg-logo .em-museumpartner-logo{
	background-position: 0 36.36363636%;
}

#em-shrailroad-logo .em-museumpartner-logo {
	background-position: 0 45.45454545%;
}

#em-stax-logo .em-museumpartner-logo {
	background-position: 0 54.54545455%;
}

#em-sun-logo .em-museumpartner-logo {
	background-position: 0 63.63636364%;
}

#em-metal-logo .em-museumpartner-logo {
	background-position: 0 72.72727273%;
}

#em-withers-logo .em-museumpartner-logo {
	background-position: 0 81.81818182%;
}

#em-mbma-logo .em-museumpartner-logo {
	background-position: 0 90.90909091%;	
}

#em-ncrm-logo .em-museumpartner-logo {
	background-position: 0 100%;	
}

.em-text-container {
	width: 300px;
	box-sizing: border-box;
	height: auto;
	flex: 1 1 auto;
}

.em-partner-title {
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	text-shadow: none;
	margin: 0 0 10px 0;
	background: rgb(50,50,50);
	padding: 10px 5px;
	letter-spacing: 0.15rem;
}

.em-partner-title a {
	color: #fff;
	text-shadow: none;
}

.em-partner-text {
	padding: 10px 15px;
}

.explorememphis-bottom-border {
	width: 100%;
	height: 91px;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-exploremem-bottom-border.png');
	background-repeat: round no-repeat;
	margin: 40px 0;
}


/* ---------------------------------- Explore Memphis 2017 Styles ------------------------------------- */

/* ----------- EM Sidebar ------------- */

.explorememphis-subnav-container {
	margin-top: 20px;
}

.em-logo img {
	margin: 0 0 10px 0;
}

.explorememphis-subnav-container .em-subnav li {
	padding-left: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 0;
	margin: 7px 0 15px;
	
}

.explorememphis-subnav-container .em-subnav li:before {
	content: url('https://www.memphislibrary.org//wp-content/uploads/img-compass-bullet.png');
	margin-left: -24px;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	display: inline-block;
}

.explorememphis-subnav-container .em-subnav li:hover:before {
	transform: rotate(360deg);
	transform-origin: center;
}

.explorememphis-subnav-container .em-subnav a {
	margin-left: 6px;
	vertical-align: middle;
}

/* ----------- EM Landing page -------- */

/* Landing Page */

.explorememphis-icons-container {
	width: 200px;
	height: 233.3px;
	float: left;
	padding: 0;
	margin: 0 2% 2% 0;

}

.explorememphis-icons {
	width: 100%;
	height: 100%;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-em-icons-landingpage.jpg');
	background-repeat: no-repeat;
	background-size: 100% 400%;
	position: relative;
}

#explorememphis-read {
	background-position: 0 0; 
}

#explorememphis-part {
	background-position: 0 33.33%;
}

#explorememphis-expl {
	background-position: 0 66.667%;
}

#explorememphis-share {
	background-position: 0 100%;
}

.explorememphis-icons-text {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0 0 5px 0;
}

.explorememphis-icons-text p {
	font-weight: bold;
	margin: 0;
	line-height: 1.4;
	text-align: center;
	font-size: 30px;
}

/* ----------- EM About Page ---------- */

.em-about-list {
	font-size: 1.35rem;
}

.em-about-list li {
	line-height: 1.7rem;
	padding: 6px 0 6px 0;
}

/* ----------- EM Read Page ----------- */

.em-read-list {
	font-size: 1.15rem;
}

.em-read-list li {
	line-height: 1.5rem;
	padding: 6px 0 6px 0;
}

/* ----------- EM Participate --------- */

/* ----------- EM Explore ------------- */

/* - Major Partner Logo Styles - */
/*
.em-majorpartner-logo {
	box-sizing: border-box;
	width: 417px;
	height: 300px;
	float: left;
	padding: 0;
	margin: 0 2% 2% 0;
	box-shadow: 4px 4px 10px #494949;
	border: 1px solid rgb(198, 198, 198);
	position: relative;
	opacity: 1;
}

.em-majorpartner-logo h4 {
	text-align: center;
	background: #fff;
	position: absolute;
	top: 0;
	margin-top: 0;
	width: 100%;
	padding: 2px 0;
}

.em-logo-container {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-em-large-partner-logos.jpg');
	background-size: 100% 900%;
	background-repeat: no-repeat;
	opacity: 1;
	display: block;
	width: 100%;
	height: 300px;
	transition: .5s ease;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	z-index: -1;
}

#em-cm-logo {
	background-position: 0 0;
}

#em-mm-logo {
	background-position: 0 12.5%;
}

#em-wfh-logo {
	background-position: 0 25%;
}

#em-suns-logo {
	background-position: 0 37.5%;
}

#em-dixon-logo {
	background-position: 0 50%;
}

#em-belz-logo {
	background-position: 0 62.5%;
}

#em-brook-logo {
	background-position: 0 75%;
}

#em-wither-logo {
	background-position: 0 87.5%;
}

#em-civil-logo {
	background-position: 0 100%;
}

.em-middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 35%;
	transform: translate(-27%, -50%);
	-ms-transform: translate(-27%, -50%)
	
}

.em-majorpartner-logo:hover .em-logo-container {
	opacity: 0.3;
}

.em-majorpartner-logo:hover .em-middle {
	opacity: 1;
}

.em-text-container {
	background-color: rgb(48, 77, 161);
	color: white;
	font-size: 14px;
	padding: 8px 12px;
}

.em-text-container li {
	line-height: 18px;
	padding-bottom: 2px;
}
*/
/* - Ruler and Spacer for Explore Page */
.exploremem-rule {
	width: 100%;
	height: 2px;
	background: #494949;
	border: 0;
	box-shadow: 2px 2px 5px #494949;
	margin-top: 28px;
}

.em-spacer {
	width: 100%;
	height: 0;
	padding: 15px 0 0;
	margin: 0;
}

/* - Smaller logo bank styles - */

.em-logo-bank {
	padding: 10px 0 0;
	margin: 10px 0 10px;
}

.em-indiv-logo {
	box-sizing: border-box;
	width: 188px;
	height: 132px;
	border: 1px solid rgb(198, 198, 198);
	box-shadow: 4px 4px 10px #494949;
	float: left;
	padding: 8px 0 0 0;
	margin: 0 2% 3% 0;
}

.em-partner-logo {
	width: 172px;
	height: 116px;
	margin: auto;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-explore-memphis-smaller-partner-logos-new.jpg');
	background-size: 100% 1700%;
	background-repeat: no-repeat;
	padding: 0;
}

#em-sma-fol-logo {
	background-position: 0 0;
}

#em-sma-mlf-logo {
	background-position: 0 6.25%;
}

#em-sma-com-logo {
	background-position: 0 12.5%;
}

#em-sma-lms-logo {
	background-position: 0 18.75%;
}

#em-sma-tanl-logo {
	background-position: 0 25%;
}

#em-sma-maba-logo {
	background-position: 0 31.25%;
}

#em-sma-show-logo {
	background-position: 0 37.5%;
}

#em-sma-rond-logo {
	background-position: 0 43.75%;
}

#em-sma-aia-logo {
	background-position: 0 50%;
}

#em-sma-auto-logo {
	background-position: 0 56.25%;
}

#em-sma-park-logo {
	background-position: 0 62.5%;
}

#em-sma-schr-logo {
	background-position: 0 68.75%;
}

#em-sma-malc-logo {
	background-position: 0 75%;
}

#em-sma-pitt-logo {
	background-position: 0 81.25%;
}

#em-sma-baba-logo {
	background-position: 0 87.5%;
}

#em-sma-pizza-logo {
	background-position: 0 93.75%;
}


/* ----------- EM Share --------------- */

/* ----------------------------------- OLD Explore Memphis Pages Styles ----------------------------------- */
/* 
PAGE URLS for Explore Memphis!!!
Landing Page: https://www.memphislibrary.org/explorememphis/
Explore: https://www.memphislibrary.org/explorememphis/explore/

*/

/* -------------------------------- Landing Page ------------------ */
/* ----------- Read button ----------- */
#readbutton {
  position:relative;
  height: 375px;
  width: 300px;
  margin: 0 4% 0 4%;
  padding: 0;
  float: left;
}

#readbutton img {
  position:absolute;
  left: 0;
  text-decoration: none;
  border-radius: 15%;
  box-shadow: 0 0 0 6px #fff, 0 0 0 16px #229547;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#readbutton img.top:hover {
  opacity: 0;
}

/* ----------- Explore Button ----------- */
#explorebutton {
  position:relative;
  height: 375px;
  width: 300px;
  margin: 0 4% 0 4%;
  padding: 0;
  float: left;
}

#explorebutton img {
  position:absolute;
  left: 0;  
  text-decoration: none;
  border-radius: 15%;
  box-shadow: 0 0 0 6px #fff, 0 0 0 16px #00AAD9;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#explorebutton img.top:hover {
  opacity: 0;
}

/* ----------- Participate Button ----------- */
#participatebutton {
  position:relative;
  height: 375px;
  width: 300px;
  margin: 0 4% 0 4%;
  padding: 0;
  float: left;
}

#participatebutton img {
  position:absolute;
  left: 0;
  text-decoration: none;
  border-radius: 15%;
  box-shadow: 0 0 0 6px #fff, 0 0 0 16px #EB3937;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#participatebutton img.top:hover {
  opacity: 0;
}

/* ----------- Share Button ----------- */
#sharebutton {
  position:relative;
  height: 375px;
  width: 300px;
  margin: 0 4% 0 4%;
  padding: 0;
  float: left;
}

#sharebutton img {
  position:absolute;
  left: 0;  
  text-decoration: none;
  border-radius: 15%;
  box-shadow: 0 0 0 6px #fff, 0 0 0 16px #00AAD9;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#sharebutton img.top:hover {
  opacity: 0;
}

/* ----------------------------------------------- Explore Page Styles --------------- */
/* Older styles for deleted content is saved elsewhere */
table#communityothers {
  width: 100%;
  height: 100%; 
}

td#communityothers {
  vertical-align: middle;
  padding: 10px;
  margins: 0px;
  text-align: center;
}

/* ----------------------------------- Great Conversations Page  ------------------------------------------- */
/* PAGE URL: https://www.memphislibrary.org/great-conversations-fall-2016/ */
/* The styles here mainly deal with the table on that page */
.great-convo-table th {
	background: #000;
	color: #fff;
}

.great-convo-table tfoot {
	background: #c1c1c1;
	font-size: .75em;
}

.great-convo-table tbody {
	font-size: .9em;
}

.great-convo-table tbody td:nth-of-type(1) {
	font-weight: bold;
}

/* ---------------------------------- It Looks so Different! ---------------------------------- */
.changes-table {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
}

.changes-table tbody tr {
	border: 2px solid #aeaeae;
}

.changes-table tbody td {
	border: 1px solid #aeaeae;
}

.changes-table thead {
	font-size: 1.5em;
}

.changes-table thead tr:nth-child(2) {
	font-size: 0.7em;
	font-weight: bold;
}

.changes-table td:nth-child(odd) {
	width: 20%;
	font-weight: bold;
}

.changes-table td:nth-child(even) {
	width: 30%;
}
/* --------------------------------- Library Card & Catalog Help ------------------------------------------- */
.libcardmenu tr:nth-child(even) {
    background-color: #cde6ff;
}

/* --------------------------------- Location NEW Redesign ------------------------------------------- */
/* -- Google Map Header -- */
.branch-google-link-container {
	width: 100%;
	height: 50px;
	padding: 11px 15px 9px 25px;
	box-sizing: border-box;
	background-color: rgba(228,36,52,1);
    background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-locations-mapheader.png');
	background-repeat: no-repeat;	
	color: rgb(255,255,255);
	margin-bottom: 20px;
}

.branch-google-link-container a {
	color: #fff;
}

.locs-googlemap-icon {
	margin-right: 8px;
}


/* -- Branch Locations -- */
div[class^="branch-"] {
	box-sizing: border-box;
}

.branch-container, .branch-table-hours tbody td  {
	font-size: 1.15rem;
	line-height: 1.65rem;
}

.branch-container {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.branch-left-img {
	float: left;
	padding-right: 3%;
	width: 30%;
	height: 100%;
}

.branch-image-container {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-locations.jpg');
	background-size: 100% 2200%;
}

#branch-central {
	background-position: 0 0;
}

#branch-cloud901 {
	background-position: 0 5.56%;
}

#branch-bartlett {
	background-position: 0 11.11%;
}

#branch-cherokee {
	background-position: 0 16.67%;
}

#branch-cordova {
	background-position: 0 22.22%;
}

#branch-crenshaw {
	background-position: 0 27.78%;
}

#branch-cossitt {
	background-position: 0 33.33%;
}

#branch-east-shelby {
	background-position: 0 38.89%;
}

#branch-frayser {
	background-position: 0 44.44%;
}

#branch-gaston-park {
	background-position: 0 50%;
}

#branch-hollywood {
	background-position: 0 55.56%;
}

#branch-levi {
	background-position: 0 61.11%;
}

#branch-north {
	background-position: 0 66.67%;
}

#branch-parkway-village {
	background-position: 0 72.22%;
}

#branch-popwhite {
	background-position: 0 77.78%;
}

#branch-raleigh {
	background-position: 0 83.33%;
}

#branch-randolph {
	background-position: 0 88.89%;
}

#branch-south {
	background-position: 0 94.44%;
}

#branch-whitehaven {
	background-position: 0 100%;
}

.branch-right-text {
	float: left;
	width: 70%;
}

/* Helps reset h2 styles to look more visually pleasing */
.branch-right-text h2 {
	margin: 0;
}

.branch-special-announce h3 {
	margin: 0 0 10px 0;
	padding: 1px;
}

/* Div to house special announcements. It is generally not shown */
.branch-special-announce {
	width: 100%;
	height: auto;
}

.branch-info-container {
	width: 100%;
	height: auto;
}

.branch-hours {
	float: left;
	width: 40%;
	height: auto;
}

.branch-table-hours, .branch-table-hours tr {
	border: 0 !important;
}

.branch-table-hours tbody {
	color: #5a5a5a;
}

.branch-table-hours tbody td {
	border: 0;
	padding: 0;
}

.branch-table-hours td:nth-child(odd) {
	font-weight: bold;
}

.branch-table-hours tr:nth-child(odd) td {
	background-color: #fff;
}

.branch-info {
	float: left;
	width: 57%;
	margin-left: 3%;
}

.branch-info p {
	margin: 0 0 4px 0;
}

.branch-icons {
	margin-right: 1rem;
	color: #e42434;
}

.branch-icons-social {
	margin-left: 1rem;
	margin-right: 0.5rem;
	color:  #e42434;
}

#central-phone-list, #bot-central-phone-list {
	color: #e10707;
}

#central-phone-list:hover, #bot-central-phone-list:hover {
	color: #970505;
}

.branch-bottom {
	width: 100%;
	height: 0;
}


/* ------------------------- Individual Styles for Branch Pages ------------------------------- */

/*Libration*/
.librationborder {
	box-shadow:
		inset 0 0 0 4px rgb(2,79,142),
		inset 0 0 0 8px rgb(91,186,71),
		inset 0 0 0 12px rgb(0,0,0);
}

/* -- Structure and Styling -- */
.branch-indiv-block {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
}

.branch-indiv-inlineblock {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
}

.width100 {
	width: 100%;
}

/* -- Titles for areas -- */
.branch-indiv-title, .branch-indiv-title .heading  {
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: left;
	color: #e42434;
	text-transform: uppercase;
	font-weight: normal;
}

/* -- List Style to remove default styling -- */
ul.branch-indiv-lists {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}


/* -- Branch Slide Tweaks --*/
.branch-fullslide-central .carousel-caption, .branch-fullslide-bartlett .carousel-caption, .branch-fullslide-cherokee .carousel-caption, .branch-fullslide-cordova .carousel-caption, .branch-fullslide-crenshaw .carousel-caption, .branch-fullslide-cossitt .carousel-caption, .branch-fullslide-eastshelby .carousel-caption, .branch-fullslide-frayser .carousel-caption, .branch-fullslide-gaston .carousel-caption, .branch-fullslide-hollywood .carousel-caption, .branch-fullslide-levi .carousel-caption, .branch-fullslide-north .carousel-caption, .branch-fullslide-parkway .carousel-caption, .branch-fullslide-popwhite .carousel-caption, .branch-fullslide-raleigh .carousel-caption, .branch-fullslide-randolph .carousel-caption, .branch-fullslide-south .carousel-caption, .branch-fullslide-whitehaven .carousel-caption {
	background: rgba(228,36,52,0.8);
	overflow: hidden;
	width: 100% !important;
	margin: 0;
	padding: 0 0 10px 0;
	position: relative;
	top: 112px;
}

.branch-fullslide-central .carousel-caption h1.slide-title, .branch-fullslide-bartlett .carousel-caption h1.slide-title, .branch-fullslide-cherokee .carousel-caption h1.slide-title, .branch-fullslide-cordova .carousel-caption h1.slide-title, .branch-fullslide-crenshaw .carousel-caption h1.slide-title, .branch-fullslide-cossitt .carousel-caption h1.slide-title, .branch-fullslide-eastshelby .carousel-caption h1.slide-title, .branch-fullslide-frayser .carousel-caption h1.slide-title, .branch-fullslide-gaston .carousel-caption h1.slide-title, .branch-fullslide-hollywood .carousel-caption h1.slide-title, .branch-fullslide-levi .carousel-caption h1.slide-title, .branch-fullslide-north .carousel-caption h1.slide-title, .branch-fullslide-parkway .carousel-caption h1.slide-title, .branch-fullslide-popwhite .carousel-caption h1.slide-title, .branch-fullslide-raleigh .carousel-caption h1.slide-title, .branch-fullslide-randolph .carousel-caption h1.slide-title, .branch-fullslide-south .carousel-caption h1.slide-title, .branch-fullslide-whitehaven .carousel-caption h1.slide-title   {
	color: #fff !important;
}

/* -- Entry Header Tweaks --*/
.category-branch-locations .featurette-divider {
	display: none;
}

.category-branch-locations .entry-header {
	display: none;
}

/* -- New Slide and Fullpage Fixes-- */
.branch-fullwidth-wrapper {
	width: 90%;
	margin: 0 auto;
}

.branch-slide-wrapper {
/*	position: absolute;
	top: 0;
	left: 0;*/
	position: relative;
	width: 100%;
	height: 48vh;
}

.branch-filler {
	width: 100%;
	height: 48vh;
}

/* -- Indiv Branch Slides -- */
.branch-slide-wrapper .branch-filler {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/* -- Benjamin L Hooks Slider -- */
#benjamin-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cen-slide1.jpg');
}

#benjamin-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cen-slide2.jpg');
}

#benjamin-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cen-slide5.jpg');
}

#benjamin-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cen-slide4.jpg');
}

/* -- Bartlett Slider -- */
#bartlett-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-bart-slide1.jpg');
}

#bartlett-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-bart-slide5.jpg');
}

#bartlett-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-bart-slide3.jpg');
}

#bartlett-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-bart-slide4.jpg');
}

/* -- Cherokee Slider -- */
#cherokee-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cher-slide1.jpg');
}

#cherokee-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cher-slide2.jpg');
}

#cherokee-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cher-slide3.jpg');
}

#cherokee-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cher-slide4.jpg');
}

/* -- Cordova Slider -- */
#cordova-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cor-slide1.jpg');
}

#cordova-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cor-slide2.jpg');
}

#cordova-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cor-slide3.jpg');
}

#cordova-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-cor-slide4.jpg');
}

/* -- Crenshaw Slider -- */
#crenshaw-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-crenshaw-slide1.jpg');
}

#crenshaw-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-crenshaw-slide2.jpg');
}

#crenshaw-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-crenshaw-slide3.jpg');
}

/* -- Cossitt Slider -- */
#cossitt-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-coss-slide1.jpg');
}

#cossitt-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-coss-slide2.jpg');
}

/* -- East Shelby Slider -- */
#eastshelby-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-east-slide1.jpg');
}

#eastshelby-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-east-slide5.jpg');
}

#eastshelby-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-east-slide3.jpg');
}

#eastshelby-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-east-slide4.jpg');
}

/* -- Frayser Slider -- */
#frayser-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-fray-slide1.jpg');
}

#frayser-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-fray-slide2.jpg');
}

/* -- Gaston Park Slider -- */
#gaston-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-gaston-slide1.jpg');
}

#gaston-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-gaston-slide2.jpg');
}

#gaston-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-gaston-slide3.jpg');
}

#gaston-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-gaston-slide4.jpg');
}

/* -- Hollywood Slider -- */
#hollywood-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-holly-slide1.jpg');
}

#hollywood-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-holly-slide2.jpg');
}

#hollywood-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-holly-slide3.jpg');
}

#hollywood-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-holly-slide4.jpg');
}

/* -- Levi Slider -- */
#levi-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-levi-slide1.jpg');
}

#levi-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-levi-slide2.jpg');
}

/* -- North Slider -- */
#north-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-nor-slide1.jpg');
}

#north-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-nor-slide5.jpg');
}

#north-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-nor-slide3.jpg');
}

#north-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-nor-slide4.jpg');
}

/* -- Parkway Village Slider -- */
#parkway-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-park-slide1.jpg');
}

#parkway-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-park-slide2.jpg');
}

#parkway-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-park-slide3.jpg');
}

/* -- PopWhite Slider -- */
#popwhite-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-pop-slide1.jpg');
}

#popwhite-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-pop-slide2.jpg');
}

/* -- Raleigh Slider -- */
#raleigh-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-ral-slide1.jpg');
}

#raleigh-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-ral-slide2.jpg');
}

#raleigh-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-ral-slide3.jpg');
}

/* -- Randolph Slider -- */
#randolph-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-ran-slide1.jpg');
}

#randolph-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-ran-slide2.jpg');
}

/* -- South Slider -- */
#south-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-south-slide1.jpg');
}

#south-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-south-slide2.jpg');
}

#south-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-south-slide3.jpg');
}

/* -- Whitehaven Slider -- */
#whitehaven-wrapper #branchslide1 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-wh-slide1.jpg');
}

#whitehaven-wrapper #branchslide2 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-wh-slide2.jpg');
}

#whitehaven-wrapper #branchslide3 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-wh-slide3.jpg');
}

#whitehaven-wrapper #branchslide4 {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-branch-slide-wh-slide4.jpg');
}

.branch-slide-wrapper .branchname-title {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
	width: 100%;
	background: rgba(228,36,52,0.8);
	box-sizing: border-box;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	text-shadow: none;
	font-size: calc(1.7rem + 2vh);
	font-weight: 500;
	font-family: 'Oswald'!important;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}


#branch_top_w4.sa_owl_theme .owl-nav button, #branch_top_w3.sa_owl_theme .owl-nav button, #branch_top_w2.sa_owl_theme .owl-nav button {
	top: auto;
	bottom: 10vh;
}

/* ---- Page Sections in order of how they should stack ---- */

/* -- Branch Nav -- */
#branch-indiv-nav-container {
	text-align: center;
	/*padding-top: 52vh;*/
	padding-top: 45px;
}

#branch-indiv-nav {
	font-weight: bold;
	color: #e42434;
}

#target-branch-indiv-nav {
	margin-left: 0;
}

#locs-back-to-main {
	display: block;
	text-align: center;
	margin: 10px auto 10px;
}

#branch-indiv-all-locs {
	width: 100%;
}

#branch-indiv-all-locs .branch-indiv-lists {
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
	-moz-column-count: 5; /* Firefox */
	column-count: 5;
	-webkit-column-width: 200px;  /* Chrome, Safari, Opera */
	-moz-column-width: 200px; /* Firefox */	
	column-width: 200px;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
	-moz-column-gap: 2em; /* Firefox */
	column-gap: 2em;
	padding: 10px;
}

#branch-indiv-all-locs li {
	line-height: 1.4em;
	margin-bottom: 6px;
	padding: 0 2px 2px 2px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}


/* -- Hours of Operation -- */
#branch-indiv-hours {
	border-bottom: 6px solid #cae1ec;
}

.branch-indiv-day-container {
	width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

.branch-indiv-day {
	display: inline-block;
	width: 163px;
	height: 90px;
	padding: 10px;
	margin: 0;
}

.branch-indiv-day p {
	text-align: center;
	margin-top: 0;
}

.branch-indiv-day p:first-child {
	font-weight: bold;
}

/* -- Branch Manager -- */
.branch-manager-title {
	font-size: 1.25em;
	text-align: center;
	margin: 5px 0 12px;
	padding-bottom: 8px;
	border-bottom: 6px solid #cae1ec;
}

.branch-manager-title span {
	vertical-align: middle;
}

/* ----- Bottom Area ----- */

/* -- Bottom containers for rest of page content --*/
.branch-indiv-bottom-container {
	height: auto;
	margin: 25px auto 10px;
	padding: 0;
	vertical-align: top;
}

.branch-indiv-left {
	float: left;
	width: 65%;
	vertical-align: top;
}

.branch-indiv-right {
	float: right;
	width: 30%;
	vertical-align: top;
}

/* -- Branch Addresses -- */
.branch-indiv-address-container {
	width: 35%;
	min-width: 200px;
	height: 150px;
	margin-bottom: 25px;
	vertical-align: top;
}

.branch-indiv-address {
	width: 200px;
	height: 150px;
	font-size: 1.2em;
	padding: 0;
	margin: 0; 
}

.branch-indiv-address p {
	margin-bottom: 5px;
}

/* -- Central Address and Phone Numbers --*/
.branch-indiv-phone-container {
	width: 64%;
	min-width: 300px;
	padding: 0 5px 0 0;
	margin-bottom: 15px;
	vertical-align: top;
}

.indiv-central-phone-list {
	width: 100%;
}

.indiv-central-phone-list div {
	margin-bottom: 5px;
}

/* -- Branch History - Dig Memphis -- */

.branch-indiv-digmemphis {
	width: 64%;
	min-width: 300px;
	padding: 0 5px 0 0;
}

.branch-digmemphis-btn {
	width: 185px;
	border: 3px solid #e42434;
	padding: 6px 4px;
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	margin: 10px 15px 14px 0;
	display: block;
	text-decoration: none;
	letter-spacing: 1px;
}

.entry-content a.branch-digmemphis-btn {
	border-bottom: 3px solid #e42434;
}

.branch-digmemphis-btn:hover {
	background: #e42434;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;
}

/* -- Individual branch button tweaks -- */
#cherokee-btn {
	width: 200px;
}

#crenshaw-btn {
	width: 215px;
}

#gastonpark-btn {
	width: 225px;
}

#hollywood-btn {
	width: 215px;
}

#parkwayvillage-btn {
	width: 252px;
}

#popwhite-btn {
	width: 285px;
}

#randolph-btn {
	width: 200px;
}

#whitehaven-btn {
	width: 225px;
}


/* -- Amenities -- */
#branch-indiv-amenities {
	width: 100%;
	font-size: 1.2em;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-width: 180px; /* Chrome, Safari, Opera */
	-moz-column-width: 180px; /* Firefox */
	column-width: 180px;
	-webkit-column-gap: 1em; /* Chrome, Safari, Opera */
	-moz-column-gap: 1em; /* Firefox */
	column-gap: 1em;
}

#branch-indiv-amenities div {
	margin-bottom: 5px;
}


/* -- SEB for Central Temp Placement -- */
#seb-for-branch {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;	
	margin: 7px 15px 4px 0;
	float: left;
}


/* -- Friends on Branches Temp Placement -- */
#branch-indiv-friends-temp #fol-for-branch {
	width: 125px;
	height: 63px;
	
}

#branch-indiv-friends-temp {
	width: 64%;
	min-width: 300px;
	padding: 0 5px 0 0;
}


/* -- Friends on Branches -- */

.branch-friends-text {
	padding-top: 20px;
}

#fol-for-branch {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nav-sprite-revised.png');
	background-repeat: no-repeat;
	float: left;
	margin-right: 15px;
}


/* -- SignUp Events --*/
#branch-indiv-signup {
	width: 100%;
}

/* -- AYPL Vids -- */
#branch-indiv-video {
	display: none;
}

/* -- Featured Event Posts --*/
.branch-indiv-featureevents {
	height: 400px;
	background: #e42434;
	color: #fff;
}

.branch-indiv-featureevents .branch-indiv-title {
	color: #fff;
	text-align: center;
	padding: 15px 5px;
}

.branch-indiv-svgtri {
	width: 50px;
	height: 50px;
	margin: 0 auto;
}

/* ---------------------------------- Location Page Tables ------------------------------------ */
.all-locations-tb tr:nth-child(even) td {
    vertical-align: top;
    color: #000;
}

.all-locations-tb td:nth-child(1) {
	padding-left: 2%;
}

.all-locations-tb {
	font-size: medium;
}

.all-locations-tb tr:nth-child(odd) td:nth-child(1) {
	background: #aeaeae;
	font-size: 1.25em;
}

/* ---------------------- Central Library --------------------- */
.p-central {
	font-size: 1.15em;
	line-height: 1.5;
}

.p-branch-pages {
	font-size: 1.15em;
	line-height: 1.5;
}

/* ---------------------------------- Meeting Room Page Table --------------------------------- */
.meeting-room-table tbody {
	line-height: 1.5;
}

.meeting-room-table th {
	text-align: left;
}

.meeting-room-table td:nth-child(1), .meeting-room-table th:nth-child(1) {
	width: 30%;
	padding: 1% 1% 1% 2%;
}

.meeting-room-table td:nth-child(2), .meeting-room-table th:nth-child(2) {
	width: 31%;
	padding: 1%;
}

.meeting-room-table td:nth-child(3), .meeting-room-table th:nth-child(3) {
	width: 30%;
	padding: 1% 2% 1% 2%
}

.meeting-room-table td:nth-child(1) a {
	font-weight: bold;
}
/* ----------------------------------- Memphis Reads ------------------------------------------------------- */
.memread-bookcovers-awards {
	float: right;
}

/* ----------------------------------- Brian's Memphis Reads ------------------------------------------------------- */

.memphis-reads-home {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.memphis-reads-home .listing-item {
	flex: 1 1 320px;
	box-sizing: border-box;
	padding: 10px 15px;
	border: 1px solid rgb(0,169,216);
	box-shadow: 0 4px 8px rgba(0,169,216,0.6), 0 6px 20px 0 rgba(0,169,216,0.3);
	margin: 15px;
}

.memphis-reads-home .listing-item .image {
	display: block;
}

.memphis-reads-home .listing-item .image img {
	box-sizing: border-box;
	border: 1px solid black;
	width: 100%;
}

.memphis-reads-home .listing-item .title {
	font-weight: bold;
	display: block;
	margin-top: 3%;
	line-height: 1.4;
}

.memphis-reads-home .listing-item .date {
	display: block;
	margin-top: 3%;
}

.memphis-reads-home .listing-item .excerpt-dash {
	display: none;
}

.memphis-reads-home .listing-item .excerpt {
	display: block;
	margin-top: 3.5%;
	width: 100%;
}

.memphis-reads-home .listing-item .excerpt-more {
	display: block;
}


/* ----------------------------------- (My Life in China) MLIC program page -------------------------------- */
/* PAGE URL: https://www.memphislibrary.org/my-life-in-china/ */
.mlic-header {
	width: 100%; 
	height: 20%; 
	background-color: #000;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/mlic-header-bg.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 20px;
	padding: 0;
}

.mlic-hrule {
	color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 10px 0;
}


/* ----------------------------------------- Posts and Events ---------------------------------------- */
/* ---------------- National Hispanic Heritage Month -------------------- */
body.page-id-41803 #tc-page-wrap {
	background-color: rgb(250,238,216);
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-nhhm2019-bg.jpg');
	background-repeat: repeat;
	background-position: top center;
	background-size: contain;
}

article#page-41803 {
	background: rgba(250,238,216,0.85);
}

.nhhm-flexwrapper {
	text-align: center;
}

.nhhm-flexwrapper .flexitem-row {
	box-sizing: border-box;
	padding: 10px;
}

.nhhm-flexwrapper .flexitem-row h2 {
	font-size: 2rem;
}

.nhhm-flexwrapper a.mpl-standard-red-btn {
	display: block;
	margin: 12px auto;
	text-align: center;
	font-size: 1.4rem;
	max-width: 320px;
}

.nhhm-flexwrapper #nhhm-events a {
	font-weight: bold;
}

.nhhm-flexwrapper #nhhm-events p {
	margin: 20px auto;
}


/* ---------------- Pride Kickoff 2019 --------------- */
.header-pride2019 {
	background: rgb(228,155,194);
	padding: 15px 0;
	color: #fff;
	width: 100%;
	text-shadow: none;
}

.pride-intro {
	font-weight: bold;
	margin: 15px 0 20px;
}

.keynote-pride-text {
	padding: 0 10px;
}

.keynote-pride-text p {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 6px;
}

ul.info-eventlist {
	list-style: none;
	margin: 10px auto;
	padding: 0;
	
}

ul.info-eventlist li {
	margin: 3px 0;	
}

ul.info-eventlist li.scheduleloc {
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	color: rgb(107,45,103);
	margin: 9px 0 0;
}

ul.info-eventlist ul {
	list-style: none;
	margin: 0;
	padding: 6px 2px 3px;
	border-bottom: 1px solid rgba(107,45,103,0.7);
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
}

ul.info-eventlist ul li {
	width: 50%;
	line-height: 1.1;
}

/* ----------------------------------------- Quicklist IDs (Styles that allow image rows) --------------- */
/* !!! Might need to make these classes if they are appearing multiple times on any one page !!! */
/* !!!! These styles will eventually be replaced when CLOUD901 is redone !!!! */ 

/* CLOUD901 LANDING PAGE / Allows for 3 images in one row and no description. */
#quicklist {
	float: left;
	width: 33%;
	height: 125px;
	font-size: 1em;
	text-align: center;
}

#quicklistcloud901 {
	float: left;
	width: 33%;
	min-height: 100px;
	font-size: 1em;
	text-align: center;
}

#quicklistcloud901 img {
	opacity: 1;
}

#quicklistcloud901 img:hover {
	opacity: .9;
}

#quicklistcloud901events {
	float: left;
	width: 25%;
	min-height: 100px;
	font-size: 1em;
	text-align: center;
}

#quicklistcloud901events img {
	opacity: 1;
}

#quicklistcloud901events img:hover {
	opacity: .9;
}

/* Cyber Security Page */
#quicklistcyber {
	float: left;
	min-height: 350px;
	padding: 20px;
	font-size: 1em;
	text-align: center;
}

/*Allows for a set of images in one row and no description*/

#quicklistwide {
	float: left;
	width: 25%;
	height: 125px;
	font-size: 1em;
	text-align: center;
}


/*Allows for 1 images in one row with a description*/
#quicklistimage {
	float: left;
	width: 20%;
	font-size: 1em;
	min-height: 125px;
	vertical-align: middle;
}


#quicklistdescription {
	float: left;
	width: 70%;
	font-size: 1em;
	margin-left: 5%;
	min-height: 125px;
}


/*Allows for 3 images in one row and no description*/
#dashboard {
	float: left;
	width: 33%;
	height: 330px;
	font-size: 1em;
	text-align: center;
}


/*Book Covers*/
#virtualreference {
	float: left;
	width: 24%;
	height: 250px;
	font-size: 1em;
	text-align: center;
}

/* ----------------------------------------- Research Pages ---------------------------------------- */
/* ------------- Government ----- */
.cc-child-parent-second li.current_page_parent {
	font-weight: bold;
}

.cc-child-parent-second li.current_page_parent ul.children {
	font-weight: normal;
}

.cc-child-parent-second .ccchildpages_list {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}


/* ----------------------------------------- Resource Pages ---------------------------------------- */
/* ------------- Grow with Google ----- */
.growgoogle-header {
	width: 48%;
	height: 400px;
	margin: 15px 1%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.hovertrigger {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 400px;
	margin: 0;
	z-index: 4;
}

.hovertext {
	position: absolute;
	left: 5%;
	bottom: 0;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.3;
	width: 90%;
	height: 0;
	z-index: 2;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

a.hovertrigger:hover ~ .hovertext {
	height: 200px;
}

.growgoogle-header h2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	text-shadow: 1px 1px 2px black;
	color: #fff;
	font-size: 2rem;
	margin: 0;
	padding: 10px 14px;
}

#job-seekers-and-students {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bg-growgoogle-forjobseekers.jpg');
	background-position: top center;
}

#educators {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bg-growgoogle-forteachers.jpg');
	background-position: center;	
}

#local-businesses {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bg-growgoogle-forlocbus.jpg');
	background-position: center;	
}

#developers {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bg-growgoogle-fordevs.jpg');
	background-position: top right;	
}

#startups {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bg-growgoogle-forstartups.jpg');
	background-position: center right;	
}

#veterans {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-bg-growgoogle-formilitary.jpg');
	background-position: top center;	
}

.growgoogle-header-overlay {
	background: rgba(0,0,0,0.1);
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

a.hovertrigger:hover ~ .growgoogle-header-overlay {
	background: rgba(0,0,0,0.4);
}

.growgoogle-footer {
	width: 100%;
	height: auto;
}


/* ------------- Spacer Post for anchors ----- */

.spacer-resource {
	width: 100%;
	height: 160px;
}


/* ----------------------------------------- Search Results Pages ---------------------------------------- */
/* ------------- Hides search on the page. Quick Fix only ----- */
.span4 .sitesearch {
	display: none;
}

/* ----- hides search on 404 and on No Results Found page ----- */
.entry-content .sitesearch {
	display: none;
}

/* --------------------------------- Start Here ----------------------------------------------------- */
#libcard-meter-container h2 {
	margin-top: 0;
}

.libcard-meter {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 450px;
	margin: 0;
	list-style-type: none;
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-starthere-meter-bg.png');
	background-position: center bottom;
	background-size: 300px 75px;
	background-repeat: repeat;
	border-bottom: 20px solid rgb(0,36,60);
	border-left: 2px solid rgb(0,36,60);
	border-right: 2px solid rgb(0,36,60);
}

.libcard-meter li {
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	height: 450px;
}

.libcard-meter span {
	display: block;
	width: 200px;
	margin: 0 auto;
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	padding-top: 5px;
	background: rgba(178,46,37,1);
	animation: meterdraw 3s ease-in;
	-webkit-animation: meterdraw 3s ease-in;
	-moz-animation: meterdraw 3s ease-in;
	-o-animation: meterdraw 3s ease-in;

}

@keyframes meterdraw {
	0%{height:0;}
}

@-webkit-keyframes meterdraw {
	0%{height:0;}
}

@-moz-keyframes meterdraw {
	0%{height:0;}
}

@-o-keyframes meterdraw {
	0%{height:0;}
}

/* --------------------------------- Start Here with the eCollection ----------------------------------------------------- */

.ecollbutton {
    display: block;
    width: 100%;
    border: none;
    background-color: #00A4C4;
    padding: 9px 28px;
    font-size: 25px;
    cursor: pointer;
    text-align: center;
	color: white;
	text-decoration: none;
	margin: 0px;
}

.ecollbutton:link {
	color: white;
	text-decoration: none;
}

.ecollbutton:hover {
	background-color: #E42434;
	color: white;
	text-decoration: none;
}

.ecollbutton a:link {
    color: white;
	text-decoration: none;
}

.ecollbutton a:visited {
    color: white;
	text-decoration: none;
}

.ecollbutton a:hover {
    color: white;
	text-decoration: none;
}

.ecollbutton a:active {
    color: white;
	text-decoration: none;
}

/* --------------------------------- Start Here Video Posts ----------------------------------------------------- */

.starthere-vid-container {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 15px 0;
}

.starthere-vid-inner {
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	background: #e42434;
}

.starthere-vid-inner p {
	width: 100%;
	box-sizing: border-box;
	color: #5a5a5a;
	text-align: center;
	margin: 20px auto 5px auto;
	padding: 15px;
	background: rgba(255,255,255,1);
}

.starthere-vid-svgtri {
	width: 75px;
	height: 75px;
	margin: 0 auto;
}


/* --------------------------------- Summer Camps --------------------------------------------------- */
/* -- 2019 Summer Camp Styles -- */
.summercamp-cal-wrapper {
	margin-bottom: 40px;
}

.summercamp-title-wrapper h2 {
	background: rgb(39,35,96);
	text-align: center;
	color: #fff;
	text-shadow: none;
	font-size: 2rem;
	line-height: 1.2;
	padding: 18px;
}

.summercamp-title-wrapper p {
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
}

.summercamp-info .flex-cols-container h3 {
	background: rgb(97,39,142);
	border: 1px solid white;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	color: #fff;
	margin: 2px 0 1px;
	text-shadow: none;
	flex: 0 1 auto;
}

.summercamp-info .flex-cols-container div {
	background: rgb(213,205,228);
	border: 1px solid white;
	font-size: 1.2rem;
	color: #000;
	padding: 10px 5px;
	height: 72px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}

.camp-application {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.camp-application .mpl-standard-red-btn {
	flex: 0 1 auto;
	width: 75%;
}

.hidden-link-text {
	display: none;
}

/* Summer Camp Table Styles */
.summercamp-table-title, .summercamp-table-title td, .summercamp-table-title th {
	border: 2px solid white;
}

.summercamp-table-title {
	margin-bottom: 0;
}

.summercamp-table-title tbody td {
	background: rgba(237,41,123,0.3);
	border: 2px solid white;
	font-size: 1.2rem;
	color: #000;
	padding: 10px 0;
}

.summercamp-table-title thead th {
	background: rgb(39,35,96);
	text-align: center;
	color: #fff;
	text-shadow: none;
	font-size: 2rem;
	padding: 18px;
}

.summercamp-table thead th {
	background: rgb(97,39,142);
	border: 2px solid white;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	color: #fff;
}

.summercamp-table tbody td {
	background: rgb(213,205,228);
	border: 2px solid white;
	font-size: 1.2rem;
	color: #000;
	padding: 10px 0;
}

/* ------------ Older Summer Camp Styles ------------ */

.lib-summercamp-container {
	justify-content: space-around;
}

.summercamp-card {
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 450px;
	border: 4px solid rgb(0,174,239);
	margin: 10px;
	text-align: center;
}

.summercamp-card h2 {
	background: rgba(117,192,72,1);
	margin: 0;
	padding: 15px 10px;
}

.summercamp-card h2 a {
	color: #fff;
	text-shadow: none;
}

.summercamp-card a {
	display: inline-block;
	margin: 10px;
}

/* ----------------------------------------- Test Home Page 2022 --------------------------------- */
.homepagecol {
	padding: 5px;
}

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

/* --------------------------------- WYPL Schedule --------------------------------------------------- */
.wyplweeklyschedule {
	display: block;
}

table, tr, td {
	border: 1px solid black;
	line-height: 1.5em;
}

.wypldailyschedule {
	display: none;
}

/* --------------------------------- Personal Finance Menu --------------------------------------------------- */


.personalfinancemenu {
	display: block;
}

.personalfinancemobilemenu {
	display: none;
}


/* --------------------------------- Misc that I don't know where they are used --------------------- */
.categorycolumns {
 float: left;
 width: 33%;
}


/* --- Styles for top, bottom, left, right divs for columns not sure the pages ----------- */
.pages-top {

}

.p-divider {
	margin: 2% 0 2%;
}
/*Hide page titles*/
/*cloud901 page*/
.page-id-11287 .entry-title {display: none;}
.page-id-11287 .featurette-divider {display: none;}
/*friends page*/
.page-id-11284 .entry-title {display: none;}
.page-id-11284 .featurette-divider {display: none;}
/*memphis reads*/
.page-id-34293 .entry-title {display: none;}
.page-id-34293 .featurette-divider {display: none;}
/*book talk*/
.page-id-11555 .entry-title {display: none;}
.page-id-11555 .featurette-divider {display: none;}
/*start here*/
.page-id-36868 .entry-title {display: none;}
.page-id-36868 .featurette-divider {display: none;}
/*start here ecollection*/
.page-id-39858 .entry-title {display: none;}
.page-id-39858 .featurette-divider {display: none;}
.page-id-39860 .entry-title {display: none;}
.page-id-39860 .featurette-divider {display: none;}
.page-id-39863 .entry-title {display: none;}
.page-id-39863 .featurette-divider {display: none;}
.page-id-39867 .entry-title {display: none;}
.page-id-39867 .featurette-divider {display: none;}
.page-id-39870 .entry-title {display: none;}
.page-id-39870 .featurette-divider {display: none;}
/*bicentennial*/
.page-id-43622 .entry-title {display: none;}
.page-id-43622 .featurette-divider {display: none;}
/*901voices*/
.page-id-42948 .entry-title {display: none;}
.page-id-42948 .featurette-divider {display: none;}
/*memphis sound connection*/
.page-id-55644 .entry-title {display: none;}
.page-id-55644 .featurette-divider {display: none;}
/*stitch it*/
.page-id-55006 .entry-title {display: none;}
.page-id-55006 .featurette-divider {display: none;}
/*five fridays*/
.page-id-55879 .entry-title {display: none;}
.page-id-55879 .featurette-divider {display: none;}
/*ACT Prep*/
.page-id-62001 .entry-title {display: none;}
.page-id-62001 .featurette-divider {display: none;}
/*Outreach*/
.page-id-44540 .entry-title {display: none;}
.page-id-44540 .featurette-divider {display: none;}
/*Seed Library*/
.page-id-60372 .entry-title {display: none;}
.page-id-60372 .featurette-divider {display: none;}
/*Summer Camps*/
.page-id-64818 .entry-title {display: none;}
.page-id-64818 .featurette-divider {display: none;}
/*Explore Memphis events*/
.page-id-65346 .entry-title {display: none;}
.page-id-65346 .featurette-divider {display: none;}
/*Recommends*/
.page-id-65201 .entry-title {display: none;}
.page-id-65201 .featurette-divider {display: none;}
/*TIC*/
.page-id-65612 .entry-title {display: none;}
.page-id-65612 .featurette-divider {display: none;}
/*Informed Voter*/
.page-id-65877 .entry-title {display: none;}
.page-id-65877 .featurette-divider {display: none;}
.page-id-67589 .entry-title {display: none;}
.page-id-67589 .featurette-divider {display: none;}
/*Continuing Education*/
.page-id-66156 .entry-title {display: none;}
.page-id-66156 .featurette-divider {display: none;}
/*Language Learning*/
.page-id-50564 .entry-title {display: none;}
.page-id-50564 .featurette-divider {display: none;}
/*Library of Things*/
.page-id-72104 .entry-title {display: none;}
.page-id-72104 .featurette-divider {display: none;}
/*Home Test*/
.page-id-65378 .entry-title {display: none;}
.page-id-65378 .featurette-divider {display: none;}
/*Bookstock*/
.page-id-15662 .entry-title {display: none;}
.page-id-15662 .featurette-divider {display: none;}
/*Comic Con*/
.page-id-80118 .entry-title {display: none;}
.page-id-80118 .featurette-divider {display: none;}
.page-id-79355 .entry-title {display: none;}
.page-id-79355 .featurette-divider {display: none;}
.page-id-71869 .entry-title {display: none;}
.page-id-71869 .featurette-divider {display: none;}

/* ------------------------------------------------ 3. MEDIA QUERIES -------------------------------------------------------- */
/* ---------------- Media Queries that focus on Mobile first to Desktop ----------- */
/* ------- Media Queries for Features between 658px and 766px  ------ */
@media screen and (min-width: 568px) {
	#hero-coliseum .svg-text-wrapper {
		display: block;
	}

	#hero-coliseum .svg-text-wrapper-mobile {
		display: none;
	}
}

/* -- Sets Columns to grow at smaller sizes */
@media screen and (min-width: 600px) {
	.wp-block-column {
		flex-grow: 1;
	}
	
	.freeonline-resource-wrapper .wp-block-column:nth-child(2n) {
		flex-basis: calc(66.66% - 32px) !important;
	}
	
}


@media screen and (min-width: 676px) {
	.featuredevent-container {
		width: 47.5%;
		margin: 0 1.25% 15px;
	}
	
	/* -- Dig Memphis Landing Page Styles -- */
	.header-wimage-digmemphis {
		height: 250px;
	}
	
}

@media screen and (min-width: 700px) {
	.heroslide-wrapper {
		max-width: 60vw;
		margin: 0 40px 0 50px;
	}
	
	.heroslide-wrapper h2 {
		font-size: 3em;
	}
	
	.wp-block-column.featuresGridcol {
		display: -ms-flexbox;
		-ms-flex-direction : row;
		-ms-flex-wrap: wrap;
		-ms-grid-column: 1;
		display: grid;
 	 	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	  	grid-gap: 15px;
	  	grid-auto-flow: dense;
	}

	.separatorGridCol {
		-ms-grid-column: 3;
	}
	
	.calendarGridcol {
		-ms-grid-column: 5;
	}
	
	#learnwithlib .wp-block-column.featuresGridcol {
 	 	grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
	}
	
	.gridFeature {
		-ms-flex: 1 1 330px;
	}

	.frontHero img.wp-block-cover__image-background {
		height: 100%;
	}

	.frontHero .wp-block-cover__inner-container {
		background: #fff;
		width: 45%;
		margin: 0 0 0 calc(2.5% + 10px);
		padding: 0.5em;
		box-shadow: inset -2px -2px 3px 0 rgba(0,0,0,0.4), 2px 2px 4px 1px rgba(0,0,0,0.5);
	}	

}

/* --For sizes with a width above 767 like iPad (Portrait) & iPhone X (Landscape) */
@media screen and (min-width: 767px) {
	
	/* -- Styles for Redesigned Home Page Content -- */

	/* -- Redesigned Features -- */
	
	.feature-info-wrapper {
		width: 45%;
		height: 100%;
		padding: 20px 10px 10px;
	}
	
	.featuredwithlogo .feature-info-wrapper {
		padding: 10px 10px 10px;
	}
	
	/* --Alternate Card with logo */
	.featuredwithlogo .feature-event-title {
		display: none;
	}
	
	.featuredwithlogo .feature-info-wrapper .feature-text-wrapper img.feature-event-imglogo {
		display: block !important;
		width: 70%;
		height: auto;
		visibility: visible;
	}

}

/* --  For sizes with a width above 768 for Slide Anything Tablet Portrait and Above */
@media screen and (min-width: 768px) {	
	/* --  -- Digital Resource Slide --*/
	.home-resource-card div[class^="resource-flex-layout"] .listing-item * {
		box-sizing: border-box;
	}
	
	.home-resource-card div[class^="resource-flex-layout"] .listing-item a.image {
		line-height: 1;
	}

	.home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		width: 100%;
	}
	
	.home-resource-card div[class^="resource-flex-layout"] .listing-item {
		padding: 0 7px;
		margin: 0;
	}
	
	.owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0 0 0 40px;
		margin: 0;
	}

	.owl-item.active ~ .owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0 40px 0 0;
		margin: 0;
	}

}

/* --- Queries for Programs wrapper ---- */
@media screen and (min-width: 787px) {
	#programs.home-grid-wrapper .wp-block-group__inner-container {
		-ms-grid-columns: minmax(375px, 500px) minmax(375px, 1fr);
	    grid-template-columns: minmax(375px, 1fr) auto;
	}
	
	#programs.home-grid-wrapper .wp-block-group__inner-container .signup-feature-wrap.featured-block-wrap {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}

	#programs.home-grid-wrapper .wp-block-group__inner-container .home-flexbox-wrapper {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	
}

/* --  A media break point for the theme and takes care of iPad Pro (Portrait) and iPad (Landscape) */
@media screen and (min-width: 979px) {
	body {
		font-size: 18px;
	}
	
	.feature-info-wrapper {
		width: 48%;
	}
	
		/* -- Header Sections */
	.home-section-header p.flexitem-row {
		width: 300px;
		line-height: 1.2;
	}

	.home-section-header h2.flexitem-row {
		width: 350px;
		line-height: 1.2;
	}

	.home-section-header p.flexitem-row {
		margin: 0 7% 0 4%;
	}

}

@media screen and (min-width: 980px) {
	.frontGridWrapper {
		display: -ms-grid;
		-ms-grid-columns: 3fr 10px 3px 10px 1fr;
		display: grid;
		grid-template-columns: 3fr 3px 1fr;
		grid-gap: 10px;    
  }
	
	.frontGridDivider {
		height: 100%;
		width: 3px;
		margin: 10px 0;
	}

	.frontGridWrapper.singleColWrapper {
		display: -ms-flexbox;
		-ms-flex-direction: column;
		display: flex;
		flex-direction: column;
		width: 95%;
		margin: 10px auto;
	}
	
	.page-template-default .frontGridWrapper {
		width: 100%;
	}	
}


/* --  For Slide Anything Large Desktop Setting */
@media screen and (min-width: 1200px) {

		/* --  -- Digital Resource Slides --*/
	.owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0 0 0 40px;
	}

	.owl-item.active ~ .owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0;
	}
	
	.owl-item.active ~ .owl-item.active ~ .owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0 40px 0 0;
	}	
}

/* --  For Larger Monitors above 1430 */
@media screen and (min-width: 1430px) {
	.featuredevent-container {
		width: 380px;
		margin: 0 7.5px 15px !important;
	}
	
	
	/* --  Fixes for large screen that also has a small height */
	.featuredevent-container[id*="long-"] .feature-text-wrapper h2 {
		font-size: calc(0.9em + 0.4vw);
	}
	
}

/* --  For Slide Anything X-Large Desktop Setting */
@media screen and (min-width: 1500px) {

		/* --  -- Digital Resource Slides --*/
	.owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0 0 0 40px;
	}

	.owl-item.active ~ .owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0;
	}
	
	.owl-item.active ~ .owl-item.active ~ .owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0;
	}

	.owl-item.active ~ .owl-item.active ~ .owl-item.active ~ .owl-item.active .home-resource-card div[class^="resource-flex-layout"] .listing-item .resource-flex-content {
		padding: 0 40px 0 0;
	}
	
}


@media (min-width: 980px) {
/* ------------------------- Hides Hamburger Nav for Desktop ----------- */

.navbar-inner .btn-toggle-nav {
	display: none !important;
}

/* Branch Location Pages */
/* Forces slide to 300px height on desktop. This allows the rest of built in Customzr styles to take effect. */
.branch-fullslide-central.carousel .czr-item, .branch-fullslide-bartlett.carousel .czr-item, .branch-fullslide-cherokee.carousel .czr-item, .branch-fullslide-cordova.carousel .czr-item, .branch-fullslide-crenshaw.carousel .czr-item, .branch-fullslide-cossitt.carousel .czr-item, .branch-fullslide-eastshelby.carousel .czr-item, .branch-fullslide-frayser.carousel .czr-item, .branch-fullslide-gaston.carousel .czr-item, .branch-fullslide-hollywood.carousel .czr-item, .branch-fullslide-levi.carousel .czr-item, .branch-fullslide-north.carousel .czr-item, .branch-fullslide-parkway.carousel .czr-item, .branch-fullslide-popwhite.carousel .czr-item, .branch-fullslide-raleigh.carousel .czr-item, .branch-fullslide-randolph.carousel .czr-item, .branch-fullslide-south.carousel .czr-item, .branch-fullslide-whitehaven.carousel .czr-item {
	line-height: 300px;
	min-height: 300px;
	max-height: 300px;
}

}


/* ------- @media that goes up to 979px ------- */
@media (max-width: 979px) {
/* --- For Header --- */
.sticky-enabled .widget-search {
	top: -50px;
}

.tc-header .brand {
	width: 250px;
	position: relative;
	padding: 0;
	margin-left: 5%;
	margin-right: 0;
	z-index: 300;
}
	
.tc-header .navbar-wrapper.clearfix.span9 {
	width: 60px;
	margin-top: 50px;
}

.sticky-enabled .tc-header .navbar-wrapper.clearfix.span9 {
	position: absolute;
	margin: 0 55px 0 0;
}

/* ------------------------- Navigation reveal for mobile ----------- */
.tc-header .navbar .btn-toggle-nav {
	margin: 10px 10px 10px 0;
}

.sticky-enabled .tc-header .navbar .btn-toggle-nav {
	margin: 5px 0 0;
}

.sticky-enabled .tc-header .navbar .navbar-inner {
	padding: 0 70px 0 0;
}

.sticky-enabled .tc-header .brand {
	width: 140px;
}


/* SignUp Calendar */
.eventList .date {
    float: none;
	display: block;
}


/* -------- Slider Styles -------- */
/* slide default */
.czr-item .carousel-caption h1.slide-title {
	font-size: 2.9em;
}
	
.czr-item .carousel-caption p.lead {
	font-size: 1.15em;
}
	
/* slide fixes for individual slides with long titles */
/* It's a Key slide */
.slide-37208 .carousel-caption h1.slide-title {
	font-size: 3.1em;
}

/* Calendar slide and FB slide */
.slide-37206 .carousel-caption h1.slide-title, .slide-37207 .carousel-caption h1.slide-title, .slide-38227 .carousel-caption h1.slide-title, .slide-38232 .carousel-caption h1.slide-title {
	font-size: 2.7em;
}

/* Fall Book Sale */
.slide-37506 .carousel-caption h1.slide-title {
	font-size: 2.3em;
}

.slide-37506 .carousel-caption p.lead {
	font-size: 1.15em;
}


/* Exhibition Pages */
/*Container Div*/
.exhibit-container {
	margin-bottom: 50px; /* adds extra margin to help expand page */
}

/* -- Branch Location Pages -- */
.branch-indiv-digmemphis, #branch-indiv-friends-temp, .branch-indiv-phone-container {
	width: 100%;
}

.branch-fullslide-central .carousel-caption, .branch-fullslide-bartlett .carousel-caption, .branch-fullslide-cherokee .carousel-caption, .branch-fullslide-cordova .carousel-caption, .branch-fullslide-crenshaw .carousel-caption, .branch-fullslide-cossitt .carousel-caption, .branch-fullslide-eastshelby .carousel-caption, .branch-fullslide-frayser .carousel-caption, .branch-fullslide-gaston .carousel-caption, .branch-fullslide-hollywood .carousel-caption, .branch-fullslide-levi .carousel-caption, .branch-fullslide-north .carousel-caption, .branch-fullslide-parkway .carousel-caption, .branch-fullslide-popwhite .carousel-caption, .branch-fullslide-raleigh .carousel-caption, .branch-fullslide-randolph .carousel-caption, .branch-fullslide-south .carousel-caption, .branch-fullslide-whitehaven .carousel-caption {
	padding: 0 0 8px 0;
	top: 108px;
}

.branch-fullslide-central .carousel-caption h1.slide-title, .branch-fullslide-bartlett .carousel-caption h1.slide-title, .branch-fullslide-cherokee .carousel-caption h1.slide-title, .branch-fullslide-cordova .carousel-caption h1.slide-title, .branch-fullslide-crenshaw .carousel-caption h1.slide-title, .branch-fullslide-cossitt .carousel-caption h1.slide-title, .branch-fullslide-eastshelby .carousel-caption h1.slide-title, .branch-fullslide-frayser .carousel-caption h1.slide-title, .branch-fullslide-gaston .carousel-caption h1.slide-title, .branch-fullslide-hollywood .carousel-caption h1.slide-title, .branch-fullslide-levi .carousel-caption h1.slide-title, .branch-fullslide-north .carousel-caption h1.slide-title, .branch-fullslide-parkway .carousel-caption h1.slide-title, .branch-fullslide-popwhite .carousel-caption h1.slide-title, .branch-fullslide-raleigh .carousel-caption h1.slide-title, .branch-fullslide-randolph .carousel-caption h1.slide-title, .branch-fullslide-south .carousel-caption h1.slide-title, .branch-fullslide-whitehaven .carousel-caption h1.slide-title {
	font-size: 2.6em;
}

/* Longer Branch Titles */
.branch-fullslide-central .carousel-caption, .branch-fullslide-crenshaw .carousel-caption, .branch-fullslide-popwhite .carousel-caption {
	padding: 4px 0 8px 0;
	top: 110px;	
}
	
.branch-fullslide-central .carousel-caption h1.slide-title, .branch-fullslide-crenshaw .carousel-caption h1.slide-title, .branch-fullslide-popwhite .carousel-caption h1.slide-title {
	font-size: 2em;	
}
	
/* --- Diversity - Immigration --- */
.immigration-quote .diversity-quote {
	font-size: 0.9em;		
}

.immigration-quote .diversity-quote-author {
	font-size: 0.95em;
}


.immigration-quote .diversity-caption {
	font-size: 0.95em;	
}
	
/* ---------------- Bookstock ------------------- */
.bookstock-header-text p {
	font-size: 1.8rem;
}

.bookstock-header-logo {
	order: 1;
}
	
.bookstock-header-date {
	order: 2;
	margin: 15px 7px 0;
}
	
.bookstock-header-free {
	order: 3;
	margin: 0 7px 0;
}

.bookstock-header-free img {
	width: 225px;
	height: auto;
}

.bookstock-header-logo img {
	width: 623px;
	height: auto;
}
	
/* Resource Cards */
div[class^="resource-flex-layout"] .listing-item {
	width: 362px;
}
	
/* Gallery Box 3 Column Styles */
#boxGallery .gcolumn-3 {
	width: 48%;	
}
	
/* Summer Camps 2019 */
	.summercamp-info .flexitem-row:last-child {
		width: 100%;
	}
	
	.hidden-link-text {
		display: inline;
	}
	
/* Bicentennial Then and Now Styles */
	/* Adjusts iframe wrapper and adjustment div */
	.thennow-cols-wrapper .bicent-thenandnow-wrapper {
		width: 100%;
	}

	.thennow-cols-wrapper .bicent-thenandnow-wrapper .thenandnow-width-adjust {
		width: 90%;
		margin: 0 auto;
	}

	.thennow-cols-wrapper #thennow-wrapper-slide-unifro .thenandnow-width-adjust {
		width: 90%;
	}
	
	/* Adjusts text wrapper and text adjustment div */
	.thennow-text-col {
		width: 100%;
	}

	/* Width Adjust div that is centered */
	.thennow-text-adjust {
		width: 82%;
		margin: 0 auto;
	}
	
	/* Font styles */
	.thennow-text-col .bicent-thenandnow-text {
		font-size: 1.2rem;
		line-height: 1.3em;
	}

	.thennow-text-col .bicent-thenandnow-caption {
		font-size: 1rem;
		line-height: 1.3rem;
	}

}

/* --- Fixes for floats of images inside interior cover block --- */
@media screen and (max-width: 834px) {
	.coverblock-pagebg .wp-block-cover__inner-container .coverblock-pagebg .wp-block-cover__inner-container figure.alignleft, .coverblock-pagebg .wp-block-cover__inner-container .coverblock-pagebg .wp-block-cover__inner-container figure.alignright {
		float: none;
		margin: 0.5em auto;
	}

}

/* ------- @media that goes up to 800px ------- */
@media screen and (max-width: 800px) {
.page-column-responsive-larger, .page-column-responsive-larger2  {
	width: 100%;
	padding: 0;
	margin: 0;
}

.page-column-responsive-smaller, .page-column-responsive-smaller2 {
	width: 100%;
	padding: 0;
	margin: 0;
}

.resources-caregivers {
	margin-right: 30px; 
}

#logo-upp {
	margin-bottom: 15px;
}

#logo-aap {
	margin-bottom: 46px;
}

#logo-cdc {
	margin-bottom: 43px;
}

#logo-uci {
	margin-bottom: 9px;
}

#logo-ace {
	margin-bottom: 20px;
}

#logo-0to3 {
	margin-bottom: 15px;
}

.page-column-responsive-equal-left {
	width: 100%;
	padding: 0;
	margin: 0;
}

.page-column-responsive-equal-right {
	width: 100%;
	padding: 0;
	margin: 2% 0 0 0;
}

/* ---- New Location ReDesign ------- */
.branch-left-img {
	padding: 0;
	width: 100%;
	margin: 0 auto;
}

.branch-right-text {
	width: 100%;
}

.branch-right-text h2 {
	text-align: center;
	margin-top: 15px;
}

.branch-special-announce {
	text-align: center;
}

.branch-hours {
	width: 100%;
}


.branch-info {
	width: 100%;
	margin: 0;
}

}

@media screen and (max-width: 768px) {
	.featured-block-wrap .wp-block-cover__inner-container p {
		font-size: calc(0.7em + 0.45vw);
		line-height: 1.3;
	}
	
	.featured-block-wrap .wp-block-cover__inner-container p a:hover {
		font-size: calc(0.7em + 0.47vw);
	}
	
}

/* ------- @media that goes up to 767px  ------- */
@media screen and (max-width: 767px) {
	/* XPRIZE Blog Post */
	.xprize-wrapper p {
		font-size: 1.5rem;
		line-height: 1;
	}
	
	.xprize-wrapper img {
		width: 225px;
		height: auto;
	}
	
	/* Grow with Google */
	.growgoogle-header {
		width: 100%;
		height: 400px;
		margin: 15px 0;
	}	
	
/* -- 2019 Summer Camps --- */
	.summercamp-info .flexitem-row:first-child {
		width: 50%;
	}

	.summercamp-info .flex-cols-container div {
		height: 72px;	
	}
	
	.summercamp-info .flex-cols-container div {
		font-size: 1rem;
	}
	
/* --- 2019 Bookstock Styles --- */
	
	#bookstock-foodtrucks .flexitem-row {
		width: 100%;
	}
	
	#bookstock-foodtrucks .foodtruck-name {
		margin-left: 0;
	}

	#bookstock-foodtrucks .foodtruck-info {
		margin-left: 0;
	}
	
	
/* Bicentennial Page */
.info-bicent img {
	display: block;
	float: none;
	margin: 10px auto;
}
	
.info-bicent img.alignleft, .info-bicent img.alignright {
	margin: 10px auto;
}
	
/* Bicent Then and Now */
/* Width Adjust div that is centered */
	.thennow-text-adjust {
		width: 79%;
		margin: 0 auto;
	}

/* SignUp Calendar */
.eventList .date {
    float: right;
	display: block;
	padding-right: 10px;
}



/* -------- Slider Styles -------- */
	
/* slide default */
.czr-item .carousel-caption h1.slide-title {
	font-size: 2.35em;
}
	
.czr-item .carousel-caption p.lead {
	font-size: 0.9em;
}
	
/* slide fixes for individual slides with long titles */
/* It's a Key slide */
.slide-37208 .carousel-caption h1.slide-title {
	font-size: 2.4em;
}

/* Calendar slide and FB slide */
.slide-37206 .carousel-caption h1.slide-title, .slide-37207 .carousel-caption h1.slide-title, .slide-38227 .carousel-caption h1.slide-title, .slide-38232 .carousel-caption h1.slide-title {
	font-size: 2em;
}
	
/* -------- New Slider with Slide Anything ---------- */
.home-slide-container h1.home-slide-title {
	font-size: 3rem;	
}
	
.home-slide-container p.home-slide-lead {
	font-size: 1rem;
}
	
/* For Harry Potter Slide */
#harrypotterslide h1.home-slide-title {
	font-size: 2rem;	
}
	
#harrypotterslide p.home-slide-lead {
	font-size: 0.9rem;
}



/* --- Branch Location Pages -- */
	/* -- New Slides for Loc Page -- */
	.branch-slide-wrapper .branchname-title.long-branchname {
		font-size: calc(1rem + 2vh);
		line-height: 1.15;
		padding: 2px 0;
	}
	
.branch-indiv-left, .branch-indiv-right {
	width: 100%;
	float: none;
}

/* -- Democracy, Diversity, Discourse -- */
body.page-id-38669 #tc-page-wrap, body.page-id-27775 #tc-page-wrap, body.page-id-38783 #tc-page-wrap, body.page-id-38778 #tc-page-wrap, body.page-id-38741 #tc-page-wrap, body.page-id-38745 #tc-page-wrap, body.page-id-38751 #tc-page-wrap, body.page-id-38753 #tc-page-wrap, body.page-id-38747 #tc-page-wrap, body.page-id-38749 #tc-page-wrap, body.page-id-38785 #tc-page-wrap, body.page-id-38764 #tc-page-wrap, body.page-id-38767 #tc-page-wrap, body.page-id-38769 #tc-page-wrap, body.page-id-38762 #tc-page-wrap, body.page-id-38805 #tc-page-wrap, body.page-id-38882 #tc-page-wrap, body.page-id-38885 #tc-page-wrap, body.page-id-38887 #tc-page-wrap, body.page-id-38899 #tc-page-wrap, body.page-id-38960 #tc-page-wrap, body.page-id-38964 #tc-page-wrap, body.page-id-38976 #tc-page-wrap, body.page-id-38982 #tc-page-wrap, body.page-id-39216 #tc-page-wrap, body.page-id-39218 #tc-page-wrap, body.page-id-39230 #tc-page-wrap, body.page-id-39232 #tc-page-wrap, body.page-id-39234 #tc-page-wrap, body.page-id-39236 #tc-page-wrap, body.page-id-40096 #tc-page-wrap, body.page-id-40099 #tc-page-wrap, body.page-id-40117 #tc-page-wrap, body.page-id-40141 #tc-page-wrap, body.page-id-40153 #tc-page-wrap, body.page-id-40155 #tc-page-wrap, body.page-id-40542 #tc-page-wrap, body.page-id-40575 #tc-page-wrap, body.page-id-40547 #tc-page-wrap, body.page-id-40566 #tc-page-wrap, body.page-id-40587 #tc-page-wrap, body.page-id-40594 #tc-page-wrap, body.page-id-40624 #tc-page-wrap, body.page-id-40618 #tc-page-wrap, body.page-id-40603 #tc-page-wrap, body.page-id-40585 #tc-page-wrap, body.page-id-40694 #tc-page-wrap, body.page-id-40696 #tc-page-wrap, body.page-id-40725 #tc-page-wrap, body.page-id-40733 #tc-page-wrap {
	background-image: none;	
}
	
.diversity-splash .flexitem-row.flex-cols-container {
	flex: 1 1 100%;
}

.diversity-splash .flexitem-row-2x.flex-cols-container {
	flex: 1 1 100%;
}
	
.diversity-splash .flexitem-row-2x.flex-cols-container .wp-caption {
	flex: 1 1 auto;
	width: 100% !important;
}

/* Explore Memphis */
.explorememphis-content-container img {
	float: none;
	display: block;
	margin: 0 auto;
}
	
/* Resource Cards */
div[class^="resource-flex-layout"] .listing-item {
	width: 570px;
}
	
div[class^="resource-flex-layout"] .listing-item .image {
	height: auto;
	line-height: normal;
}
	
div[class^="resource-flex-layout"] .listing-item .image img {
	max-height: 350px;
}

/* Gallery Box 2 and 3 Column Styles */
#boxGallery .gcolumn-2 {
	width: 100%;
	margin: 0 0 10px;
}

#boxGallery .gcolumn-3 {
	width: 100%;
	margin: 0 0 10px;
}
	
}

@media screen and (max-width: 600px) {

@media screen and (max-width: 548px) {
/*---- Voter's Left and Right columns ---- */
.diversity-voter-subnav {
	order: 2;
}

.diversity-voter-info {
	order: 1;
}
}

@media screen and (max-width: 547px) {
	.dpwrapper-content-card-3column .listing-item {
		float: none;
		margin-top: 0;
		margin-left: auto;
		margin-bottom: 6%;
		margin-right: auto;
	}
}

/* ------- @media that goes up to 517px ------- */
@media screen and (max-width: 517px) {
/* Fixes feature image issues on mobile */
.fpc-row-fluid .fpc-widget-front .thumb-wrapper img {
	top: -10px !important;
	left: -7px !important;
}

.fpc-widget-front .fpc-btn {
	margin-bottom: 10px;
}
}

/* ------- @media that goes up to 500px ------- */
@media screen and (max-width: 500px) {
.my-grid-layout p {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.my-grid-layout img {
    display: block;
    float: left;
    width: 50%;
}

.categorycolumns {
  width: 100%;
}

.videos-lib {
 width: 100%;
}

.wyplweeklyschedule {
display: none;
}

.wypldailyschedule {
display: block;
}
	
.personalfinancemenu {
display: none;
}

.personalfinancemobilemenu {
display: block;
}

}

/* -------- @media that goes up to 480px for mobile portrait and landscape ------- */
@media screen and (max-width: 480px) {
	
	/* Bicentennial Styles */
	#bicent-splash-header {
		width: 90%;
		height: auto;
	}
	
	/* Bicent Then and Now Width Adjust div that is centered */
	.thennow-text-adjust {
		width: 75%;
		margin: 0 auto;
	}
	
	/* Bicent Then and Now Font styles */
	.thennow-text-col .bicent-thenandnow-text {
		font-size: 1rem;
	}
	
	/* Fixes for search on mobile */
	#search-our-text {
		display: none;
	}

	.sitesearch-container {
		/*display: none;*/
		min-width: 350px;
	}
	
	.sitesearch-container select {
		margin-left: 2%;
	}

/* ------- Slide Styles ------- */
	.carousel-caption {
		box-sizing: border-box;
		background-color: transparent;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		padding: 2%;
	}

	.czr-item .carousel-caption {
		max-height: 100%;
	}

/* slide default */
.czr-item .carousel-caption h1.slide-title {
	font-size: 1.8em;
}
	
.czr-item .carousel-caption p.lead {
	font-size: 0.8em;
}

/* slide fixes for individual slides with long titles */
/* It's a Key slide */
	.slide-37208 .carousel-caption h1.slide-title {
		font-size: 2em;
	}

/* Calendar slide and FB slide */
	.slide-37206 .carousel-caption h1.slide-title, .slide-37207 .carousel-caption h1.slide-title, .slide-38227 .carousel-caption h1.slide-title, .slide-38232 .carousel-caption h1.slide-title {
		font-size: 1.7em;
	}


.slide-37506 .carousel-caption p.lead {
	font-size: 0.95em;
}
	
/* -------- New Slider with Slide Anything ---------- */
.home-slide-container h1.home-slide-title {
	font-size: 2.2rem;	
}	

/* --- Branch Location Nav -- */
#branch-indiv-all-locs .branch-indiv-lists {
	-webkit-column-width: 135px;  /* Chrome, Safari, Opera */
	-moz-column-width: 135px; /* Firefox */	
	column-width: 135px;
	-webkit-column-gap: 1em; /* Chrome, Safari, Opera */
	-moz-column-gap: 1em; /* Firefox */
	column-gap: 1em;
}

#branch-indiv-all-locs li {
	line-height: 1.4em;
	margin-bottom: 0;
	padding: 0 2px 2px 2px;
}

#seb-for-branch, #fol-for-branch {
	float: none;
}
	
/* ------- Diversity - Immigration ------ */

.diversity-widgets {
	margin-left: 0;
}
	
.immigration-quote .diversity-quote {
	font-size: 0.7em;
	line-height: 1.6;
}
	
.immigration-quote .diversity-quote-author {
	font-size: 0.9em;
}
	
.immigration-quote .diversity-quote-caption {
	font-size: 0.9em;	
}
	
.immigration-resources .my-grid-layout .listing-item {
	flex-direction: column;
}

.immigration-resources .my-grid-layout .listing-item .image {
	width: 100%;
	display: block;
	margin: 10px auto;
}
	

}

/* ------- @media that goes up to 459px ------- */
@media screen and (max-width: 459px) {
.bhm-container {
	padding: 0;
	margin: 0;
	width: 100%;
}

.bhm-image {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

.bhm-image img {
	max-width: 100%;
	height: auto;
}

.bhm-description {
	padding: 0;
	margin: 0;
	width: 100%;
}

.bhm-description h4 {
	margin-top: 11px;
	font-size: 15.5px;
	line-height: 1.4;
}

}

/* ------- @media that goes up to 350px ------- */
@media screen and (max-width: 350px) {
.tab label {
	font-size: 0.8em;
}

}

/* ---------------------------------------------------------- 4. Kiosk ------------------------------------------------------------- */
/* -------- Hides Site Header, Page Header, and Footer ------- */
/* Sets the page to full width */

body.page-template-kiosk-page-template .container, body.page-template-kiosk-two-template .container { 
    width: 100% !important;
}

body.page-template-kiosk-page-template #main-wrapper, body.page-template-kiosk-two-template #main-wrapper {
    padding: 0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 0;
}	

body.page-template-kiosk-page-template #content, body.page-template-kiosk-two-template #content {
    width: 100% !important;	
	margin-left: 0;
}

body.page-template-kiosk-page-template #main-wrapper .container .row.column-content-wrapper, body.page-template-kiosk-two-template #main-wrapper .container .row.column-content-wrapper {
	margin-left: 0;
}

body.page-template-kiosk-page-template header.entry-header, body.page-template-kiosk-two-template header.entry-header, body.page-template-kiosk-page-template header.tc-header, body.page-template-kiosk-two-template header.tc-header  {
	display: none;
}

body.page-template-kiosk-page-template #tc-reset-margin-top, body.page-template-kiosk-two-template #tc-reset-margin-top {
	display: none !important;
	margin-top: 0 !important;
}

/* -- Hiding Alerts -- */
body.page-template-kiosk-page-template .alert-wrapper {
	display: none;
}

/* Hides Footer*/
body.page-template-kiosk-page-template footer#footer {
	display: none;
}
	
body.page-template-kiosk-two-template footer#footer {
	display: none;
}	

	
/* -- Page Styles -- */
.kiosk-main-container {
	width: 100%;
	max-width: 1920px;
	height: 1080px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
}

.kiosk-main-container * {
	box-sizing: border-box;
}

#kiosk-sidebar {
	flex: 0 0 335px;
	height: 100%;
	padding: 15px 0 0 15px;
}

#kioskdate-container {
	margin: 10px 0;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}

#kiosk-content {
	flex: 0 0 1550px;
	height: 100%;
	margin: 0 0 0 20px;
}

/* ------ Kiosk Slide Styles ------ */
.kiosk-slide-container {
	width: 100%;
	height: 100%;
}

.kiosk-slide-header {
	width: 100%;
}

.kiosk-slide-header h2 {
	margin: 0 0 6px 0;
	font-size: 4rem;
	line-height: 1;
}

/* Kiosk Calendar */
.signup-kiosk-title {
	text-align: center;
	font-size: 34px;
	flex: 0 0 60px;
	margin: 10px 0;
	padding: 5px 0;
}

.signup-kiosk-container .eventList .title, .signup-kiosk-container .eventList a  {
	font-size: 28px;
	line-height: 28px;
}

.signup-kiosk-container .item {
	padding: 10px;
}

.signup-kiosk-container .eventList .title {
	margin: 10px 0;
}

.signup-kiosk-container .eventList .time {
	margin: 10px 0;
	font-size: 20px;
}

.signup-kiosk-container .eventList .branch {
	font-size: 17px;
}

.signup-kiosk-container .eventList .location {
	font-size: 17px;
	display: inline;
}

.signup-kiosk-container .eventList .date {
	font-size: 16px;
}

.kiosk-slide-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.signup-kiosk-container {
	flex: 1 1 auto;
	width: 22%;
	margin: 0 1.5%;
}

/* Kiosk Meeting Room */
#meetingroomheader h2 {
	flex: 1 1 auto;
	width: 850px;
	font-size: 3rem;
	margin: 10px 0 0;
}

#meetingroomheader p {
	flex: 1 1 auto;
	width: 700px;
	margin: 10px 0 0;
}

.kiosk-slide-header p {
	text-align: center;
	font-weight: bold;
}

#mrslide .kiosk-slide-content {
	width: 1550px;
	padding-left: 20px;
}

.meetingroom-kiosk-container {
	flex: 1 1 auto;
	width: 47%;
	margin: 0 1.5%;	
}

.meetingroom-kiosk-container th {
	font-size: 19px;
}

body.page-template-kiosk-page-template .eventList .location {
	display: inline;
}

/* ------------ Circulation Kiosk Display Styles ----------- */ 
/* ---------- WYLP Video for Circulation Kiosk Display ------------ */
#kiosk-content.circ-wypl-feed {
	flex: 0 0 1565px;
	background: #000;
}

.circ-wypl-feed iframe {
	width:100%;
	height: 100%;
}

/* ----- New Meeting Room Styles for Display Post and new Post Type ----- */
.meetingroom-wrapper {
	width: 1530px;
	box-sizing: border-box;
	margin: 0;
	font-size: 18px;
}

.meetingroom-wrapper * {
	box-sizing: border-box;
}

/* ----- Meeting Room Table ----- */
#meetingroomtable {
	width: 1530px;
	margin: 0;
}

#meetingroomtable thead {
	font-size: 2em;
	border-bottom: 2px solid #000;
}

#meetingroomtable thead th {
	border: 1px solid #000;
	padding: 2px;
}

/* --- Fixes the theme style that colors alternating rows --- */
#meetingroomtable tr:nth-child(odd) td, #meetingroomtable tr:nth-child(odd) th {
		background: rgb(255,255,255);
}

#meetingroomtable .dates {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

#meetingroomtable .dates td {
	padding: 7px;
}

#meetingroomtable tbody tr td {
	padding: 5px;
}

#meetingroomtable tbody tr td p {
	margin: 5px 0 0 0;
}

#meetingroomtable  tbody tr td:nth-child(odd), #meetingroomtable  thead tr th:nth-child(odd) {
	background: #C9C9C9;
}

#meetingroomtable  tbody tr td.closed {
	background: #FFBDBD;
}

/* ---- Styles to update ICS Calendar styles ---- */

.meetingroom-wrapper .ics-calendar {
	width: 100%;
	height: 100%;
	margin: 0;
}

.meetingroom-wrapper .ics-calendar-select {
	display: none !important;
}

.meetingroom-wrapper .ics-calendar-month-grid {
	margin: 0;
}

.meetingroom-wrapper .ics-calendar-month-grid thead tr th {
	font-size: 1.8em;
	padding: 0.45em 0.8em;
	background: rgb(0,164,196);
	color: #fff;
}

.meetingroom-wrapper .ics-calendar-month-grid .day {
	font-size: 1.7em;
	line-height: 1.2;
	letter-spacing: 0.05em;
	padding: 0.4em 0.8em;
	background: rgb(215,215,215);
}

.meetingroom-wrapper .ics-calendar-month-grid .today .day {
	background: rgb(175,175,175);
}

.meetingroom-wrapper .ics-calendar-month-grid td {
	border: 1.5px solid rgb(170,170,170);
}

.meetingroom-wrapper .ics-calendar-month-grid ul.events li {
	border-bottom: 1.5px solid rgb(170,170,170);
}

.meetingroom-wrapper .ics-calendar-month-grid .events .event {
	padding: 0.4em 0.8em 0.8em;
}

.meetingroom-wrapper .ics-calendar-month-grid .events .time {
	font-size: 1.3em;
	font-weight: bold;
}

.meetingroom-wrapper .ics-calendar-month-grid .events .title {
	font-size: 1.6em;
	font-weight: bold;
}

.meetingroom-wrapper .ics-calendar .event .hover_block {
	display: block !important;
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	max-width: none;
	min-width: min-content;
	border: none;
	box-shadow: none;
	background: rgba(0,0,0,0);
	padding: 0.4em 0;
}

.meetingroom-wrapper .ics-calendar .event .descloc {
	font-size: 1.5em;
	line-height: 1.2;
}

/* For all day events */
.meetingroom-wrapper .ics-calendar-month-grid ul.events li.all-day {
	border-bottom: 1.5px solid rgb(170,170,170);
}

/* --  Reduce Size of Content if there are 10 or more events on several days */
.meetingroom-wrapper.reducesize-10more .ics-calendar-month-grid thead tr th {
	font-size: 1.7em;
	padding: 0.4em 0.8em;
}

.meetingroom-wrapper.reducesize-10more .ics-calendar-month-grid .day {
	font-size: 1.5em;
	padding: 0.35em 0.8em;
}

.meetingroom-wrapper.reducesize-10more .ics-calendar-month-grid .events .time {
	font-size: 1.15em;
}

.meetingroom-wrapper.reducesize-10more .ics-calendar-month-grid .events .title {
	font-size: 1.35em;
	line-height: 1.2;
}

.meetingroom-wrapper.reducesize-10more .ics-calendar .event .descloc {
	font-size: 1.25em;
}



/* -- Reduces size of a specific day if there are 12 events --*/

/*-- Reduce Tuesday if it has 12 --*/
.meetingroom-wrapper.reduceTues12 .ics-calendar-month-grid td:nth-child(2) .events .time {
	font-size: 1.2em;
}

.meetingroom-wrapper.reduceTues12 .ics-calendar-month-grid td:nth-child(2) .events .title {
	font-size: 1.4em;
	line-height: 1.2;
}

.meetingroom-wrapper.reduceTues12 .ics-calendar td:nth-child(2) .event .descloc {
	font-size: 1.3em;
}

/*-- Reduce Wednesday if it has 12 --*/
.meetingroom-wrapper.reduceWed12 .ics-calendar-month-grid td:nth-child(3) .events .time {
	font-size: 1.2em;
}

.meetingroom-wrapper.reduceWed12 .ics-calendar-month-grid td:nth-child(3) .events .title {
	font-size: 1.4em;
	line-height: 1.2;
}

.meetingroom-wrapper.reduceWed12 .ics-calendar td:nth-child(3) .event .descloc {
	font-size: 1.3em;
}

/*-- Reduce Thursday if it has 12 --*/
.meetingroom-wrapper.reduceThur12 .ics-calendar-month-grid td:nth-child(4) .events .time {
	font-size: 1.2em;
}

.meetingroom-wrapper.reduceThur12 .ics-calendar-month-grid td:nth-child(4) .events .title {
	font-size: 1.4em;
	line-height: 1.2;
}

.meetingroom-wrapper.reduceThur12 .ics-calendar td:nth-child(4) .event .descloc {
	font-size: 1.3em;
}



/* -- Reduces size of a specific day if there are 12+ events  --*/

 /*-- Reduce Tuesday if it has 12 Plus --*/

.meetingroom-wrapper.reduceTues12plus .ics-calendar-month-grid .current-week td:nth-child(2) .events .time {
	font-size: 1.1em;
}

.meetingroom-wrapper.reduceTues12plus .ics-calendar-month-grid .current-week td:nth-child(2) .events .title {
	font-size: 1.3em;
	line-height: 1.15;
}

.meetingroom-wrapper.reduceTues12plus .ics-calendar .current-week td:nth-child(2) .event .descloc {
	font-size: 1.2em;
}

.meetingroom-wrapper.reduceTues12plus .ics-calendar-month-grid .events .event {
	padding: 0.3em 0.8em 0.7em;
}


 /*-- Reduce Wednesday if it has 12 Plus --*/

.meetingroom-wrapper.reduceWed12plus .ics-calendar-month-grid .current-week td:nth-child(3) .events .time {
	font-size: 1.1em;
}

.meetingroom-wrapper.reduceWed12plus .ics-calendar-month-grid .current-week td:nth-child(3) .events .title {
	font-size: 1.3em;
	line-height: 1.15;
}

.meetingroom-wrapper.reduceWed12plus .ics-calendar .current-week td:nth-child(3) .event .descloc {
	font-size: 1.2em;
}

.meetingroom-wrapper.reduceWed12plus .ics-calendar-month-grid .events .event {
	padding: 0.3em 0.8em 0.7em;
}

 /*-- Reduce Thursday if it has 12 Plus --*/

.meetingroom-wrapper.reduceThur12plus .ics-calendar-month-grid .current-week td:nth-child(4) .events .time {
	font-size: 1.1em;
}

.meetingroom-wrapper.reduceThur12plus .ics-calendar-month-grid .current-week td:nth-child(4) .events .title {
	font-size: 1.3em;
	line-height: 1.15;
}

.meetingroom-wrapper.reduceThur12plus .ics-calendar .current-week td:nth-child(4) .event .descloc {
	font-size: 1.2em;
}

.meetingroom-wrapper.reduceThur12plus .ics-calendar-month-grid .events .event {
	padding: 0.3em 0.8em 0.7em;
}

/* -- Reduces size of a specific day if there are 15 events  --*/
 /*-- Reduce Tuesday if it has 15 --*/

.meetingroom-wrapper.reduceTues15 .ics-calendar-month-grid .current-week td:nth-child(2) .events .time {
	font-size: 1em;
}

.meetingroom-wrapper.reduceTues15 .ics-calendar-month-grid .current-week td:nth-child(2) .events .title {
	font-size: 1.22em;
	line-height: 1.12;
}

.meetingroom-wrapper.reduceTues15 .ics-calendar .current-week td:nth-child(2) .event .descloc {
	font-size: 1.1em;
}

.meetingroom-wrapper.reduceTues15 .ics-calendar-month-grid .events .event {
	padding: 0.25em 0.8em 0.65em;
}

/* -- Reduces size of a specific day if there are 15+ events  --*/
 /*-- Reduce Tuesday if it has 15 --*/

.meetingroom-wrapper.reduceTues15plus .ics-calendar-month-grid .current-week td:nth-child(2) .events .time {
	font-size: 1em;
}

.meetingroom-wrapper.reduceTues15plus .ics-calendar-month-grid .current-week td:nth-child(2) .events .title {
	font-size: 1.22em;
	line-height: 1.12;
}

.meetingroom-wrapper.reduceTues15plus .ics-calendar .current-week td:nth-child(2) .event .descloc {
	font-size: 1.1em;
	padding: 0.2em 0;
}

.meetingroom-wrapper.reduceTues15plus .ics-calendar-month-grid .events .event {
	padding: 0.25em 0.8em 0.65em;
}

/* Touch Screen Styles */
.touch-kiosk-wrapper {
	background-image: url('https://www.memphislibrary.org//wp-content/uploads/img-touchbg-v2.png');
	background-position: top left;
	background-size: contain;
}

.touch-kiosk-wrapper .kiosk-slide-container {
	position: relative;
	background: #fff;
}

.kiosk-instructions {
	font-weight: bold;
	font-size: 1.3rem;
}

.kiosk-touch-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.kiosk-touch-trigger {
	padding: 15px;
	font-size: 1.3rem;
	margin: 10px 0;
	width: 320px;
	text-align: center;
}

.kiosk-touch-trigger.colomat-close, .kiosk-touch-trigger.collapseomatic  {
	background-position: top 15px left 15px;
}


/* ---------------------------------------------------------- 5. Print ------------------------------------------------------------- */

@media print {
.tc-header {
	display: none !important;
}
	
#tc-reset-margin-top {
	margin-top: 0 !important;		
}

hr .featurette-divider {
	display: none !important;
}

#main-wrapper {
	margin-top: 0 !important;
}

footer#footer {
	border-top: 0;	
}
	
#footer_one {
	display: none !important;
}

#footer_two {
	display: none !important;
}
	
#footer_three {
	display: none !important;		
}
	
.print-page-btn {
	display: none;		
}
	
.print-page-edge-btn {
	display: none;	
}
	
.printomatictext {
	display: none;	
}
	
}