@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Teko:wght@300..700&display=swap');
/* Hours v6 -- Adding Location Specific Message Containers (2024-11-18) */

/* GENERIC */
:root{
	--primary-blue: #00629B;
	--primary-navy: #182b49;
	--accent-sand: #F5F0E6;
}
#library-hours .flex
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 2px;
	margin-bottom: 10px;
}

#library-hours .flex > div
{
	border: 1px solid #D0C7B5;
	padding: 0.25em;
	margin: 0;
	font-family:"Roboto",sans-serif;
	font-size:0.8em;
	color:#000;
	line-height: 1.2em;
	min-width:14.2857%;
	-webkit-flex-grow:1;
	flex-grow:1;
	background: var(--accent-sand);
}

#library-hours .col-labels{display:flex;}
#library-hours .col-labels > div{flex:1;text-align:center;padding:0.25em;color:#747678;}

#library-hours .spacer{background:#d8d3cd;}
#library-hours .its_today {background: #7FE2EB !important; border-color: #34B3BF !important;}
#library-hours .mobile-only{display:block;font-size:0.75em;}

/* SP26 STUFF */
.mb-5 {margin-bottom: 3rem;}
.lpw-hours-waitz-widget {
	display: grid;
	grid-template-columns: 72px 1fr;
	gap: 15px;
	align-items: center;
	margin-bottom: 5px;
	div {
		font-size: 1rem;
	}
}

/* END: SP26 STUFF */

/* WEEKLY VIEW */
#library-hours .hours-weekly > h2{display:block;margin:0 0 1rem 0;font-size: 2.2em;color: #182b49;}

#library-hours .hours-weekly{margin-bottom:1em;font-size:1.25em;line-height:1em;}

#library-hours .wv-location{font-family:"Roboto",sans-serif;}
#library-hours .wv-location h3 {display: inline-block; margin: 0.25em 0.25em 0 0; padding: 0; font-size: 1.25em; color:#000; font-weight: normal;}
#library-hours .wv-location span{font-weight:normal;color: var(--primary-navy);font-size:0.9em;margin:0 0.25em 0 0;}
#library-hours .wv-location span::before{content: "(";}
#library-hours .wv-location span::after{content: ")";}
#library-hours .wv-location a{font-family:"Roboto",sans-serif;color:#00629B;font-size: .8em;line-height: 2em;}

#library-hours .hours-weekly .day-hours{font-weight:bold;}
#library-hours .hours-weekly .day-date{font-size:125%;margin-bottom:5px;}
#library-hours .hours-weekly .day-occasion{font-style:italic;font-size:0.8em;}
#library-hours .hours-weekly .day-seats{font-size:0.75rem;}

#library-hours .wv-location-footnote {font-size: .9rem; font-style: italic; text-align: center; margin-bottom: 30px;}

@media only screen and (max-width : 767px)
{
	#library-hours .hours-weekly .wv-location h3, #library-hours .hours-weekly .wv-location a{display:block;}
	#library-hours .hours-weekly .flex{margin-bottom:1em;grid-template-columns: 1fr;}
	#library-hours .wv-location{margin-bottom:0.5em;}
	#library-hours .wv-location a{line-height:1em;}
}

/* MONTHLY VIEW */
#library-hours .hours-monthly{margin-bottom:1em;font-size:1em;line-height:normal;}

#library-hours .hours-monthly .flex{margin-bottom:2px;}
#library-hours .hours-monthly .flex > div{padding:0.5em;}

#library-hours .hours-monthly .mobile-only{display:none;}

#library-hours .hours-monthly .col-labels {margin-bottom:5px;}
#library-hours .hours-monthly .col-labels > div {font-size:0.9em;}

#library-hours .month-header{margin-bottom:0;}
#library-hours .month-header h2{display:block;margin:0 0.25em 0.25em 0;}
#library-hours .month-header .loc-note{display:block;color:#006a96;font-size:1.2em;margin-right:0.5em!important;}
#library-hours .month-header .loc-label a{font-family:"Roboto",sans-serif;color: #000;font-size:1em;line-height: 1em;display:block;outline:none;}

#library-hours .month-pager{margin-bottom:1em;}
#library-hours .month-pager-control{text-align:center;}
#library-hours .month-pager-control a{width:100px;font-size:0.8em;display:inline-block;text-decoration:none;color:#fff;background: var(--primary-blue); padding: 4px 15px;text-align:center;border-radius:3px;font-family:"Roboto",sans-serif;
&:hover{
	background-color: var(--primary-navy);
}
}
#library-hours .month-pager-title{text-align:center;font-size:1.75em;color:#000;}

#library-hours .hours-monthly .loc-menu{margin:1em 0;font-size:0.8em;font-family:"Roboto",sans-serif;color:#747678;}
#library-hours .hours-monthly .loc-menu p{margin:0;padding:0;display:inline;}

#library-hours .hours-monthly .loc-menu ul{margin:0;padding:0;display:inline;}
#library-hours .hours-monthly .loc-menu li{display:inline-block;margin:0;padding:0;}
#library-hours .hours-monthly .loc-menu li::after{content:"–";}
#library-hours .hours-monthly .loc-menu li:last-child::after{content:"";}
#library-hours .hours-monthly .loc-menu li a{text-decoration:none;display:inline;margin:0 0.25em;}
#library-hours .hours-monthly .loc-menu li a:hover{border-color:#afa9a0;text-decoration: underline;}


#library-hours .hours-monthly .day-date{font-size:1.5em;margin-bottom:0.5em;;font-family:"proxima-nova",sans-serif;color:#000;}
#library-hours .hours-monthly .day-hours{font-weight:bold;text-align:center;}
#library-hours .hours-monthly .day-occasion{font-style:italic;font-size:0.9em;text-align: center;}
#library-hours .hours-monthly .spacer{background:#eee;border-color:#bbb;}

#library-hours .mv-location-footnote {font-size: .9rem; font-style: italic; text-align: center;}

@media only screen and (max-width : 767px)
{	
	#library-hours .hours-monthly .col-labels{display:none;}
	#library-hours .hours-monthly .flex{grid-template-columns: 1fr;}
	#library-hours .hours-monthly .spacer{display:none;}
	#library-hours .hours-monthly .mobile-only{display:block;}

	#library-hours .hours-monthly .day-date{color:#615a4e;font-size:1em;font-family:"Roboto",sans-serif;margin:0;}
	#library-hours .hours-monthly .day-hours{font-weight:bold;text-align:left;font-size:1.2em;margin:0.25em 0;}
	#library-hours .hours-monthly .day-occasion{text-align:left;}
	#library-hours .hours-monthly .mobile-only{display:inline;font-size:1em;}

	#library-hours .hours-monthly .loc-menu li{display:block;white-space: nowrap;margin-bottom:0.5em;}
	#library-hours .hours-monthly .loc-menu p{margin-bottom:0.5em;display:block;}
	#library-hours .hours-monthly .loc-menu li::after{content: "";}
	#library-hours .hours-monthly .loc-menu ul{list-style-type: circle;}
}

p > a{
	font-family: "Roboto", sans-serif;
    color: #00629B;
    font-size: 1em;
    line-height: 1em;
}