/*
*    
    Blue        #0065a4     lighter #0071b8     darker #005084
    Purple      #6c217f   
    green       #b0bc22
    red         #ed174f
    orange      #f8971d
    yellow      #ffe14f
*
*/

.dpl-red {
	background-color: #ed174f;
	color: #fff;
}

.bg-dpl-blue,
.btn-dpl-blue {
	background-color: #0065a4;
}

.bg-dpl-purple,
.btn-dpl-purple {
	background-color: #6c217f;
}

.bg-dpl-green,
.btn-dpl-green {
	background-color: #b0bc22;
}

.bg-dpl-red,
.btn-dpl-red {
	background-color: #ed174f;
}

.bg-dpl-orange,
.btn-dpl-orange {
	background-color: #f8971d;
}

.bg-dpl-yellow,
.btn-dpl-yellow {
	background-color: #ffe14f;
	color: #333;
}

.btn-dpl-blue,
.btn-dpl-purple,
.btn-dpl-green,
.btn-dpl-red,
.btn-dpl-orange {
	color: #fff;
}

.btn-dpl-blue:hover,
.btn-dpl-purple:hover,
.btn-dpl-green:hover,
.btn-dpl-red:hover,
.btn-dpl-orange:hover {
	color: #fff;
}

.btn-ghost {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

img.bg-overlay {
	display: none;
}

html {
	overflow-x: hidden;
}

body {
	font-family: 'Roboto', sans-serif;
	hyphens: auto;
	word-wrap: break-word;
	overflow-x: hidden;
}

a[href$=".pdf"]:after {
	content: " (PDF)";
	font-size: 80%;
	padding-left: 3px;
	color: #aaa;
}

a[href$=".csv"]:after {
	content: " (CSV)";
	font-size: 80%;
	padding-left: 3px;
	color: #aaa;
}

a[href$=".xlsx"]:after {
	content: " (Excel)";
	font-size: 80%;
	padding-left: 3px;
	color: #aaa;
}


/* Fix for sitemap path and links that go no where */
a:not([href]) {
    color: #333;
    cursor: pointer;
}

a:not([href]):hover {
	text-decoration: none;
}
/* End fix for sitemap links */

header {
	padding: 10px 0;
	background-color: #f1f4f9;
}

.header-right {
	position: relative;
}

footer {
	padding-top: 30px;
	width: 100%;
	background-color: #a3b2cc;
	color: #f1f4f9;
}

.footer a,
.footer h5 {
	/*color: #f1f4f9;
		Changed for accessibility contract issue 
	*/
	color: #000000;
}

.footer h4 {
	font-size: 17px;
	font-weight: 500;
	padding-bottom: 8px;
	/*color: #f1f4f9;	
		Changed for accessibility contract issue 
	*/
	color: #000000;
}

.footer-logo {
	margin: 0 auto;
	text-align: center;
}

.copyright {
	padding: 30px 0;
	background-color: rgba(0, 0, 0, .2);
	/*color: rgba(255, 255, 255, .50);
	Changed for accessibility contract issue */
	color: #ffffff;
}

.copyright ul.list-inline {
	margin-bottom: 0;
}

.page-content {
	border-left: 1px solid #fff;
	background-color: #fff;
	padding: 25px;
	min-height: 500px;
}

/* Overide bootstrap popover width */
.popover {
	width: 225px;
}

/* modify bootstrap navbar default */
.navbar {
	-webkit-box-shadow: 0 6px 6px -6px #ccc;
	-moz-box-shadow: 0 6px 6px -6px #ccc;
	box-shadow: 0 6px 6px -6px #ccc;
	border: 1px;
}

.navbar-default {
	background-color: rgba(255, 255, 255, 0.95);
}

.navbar-logo>img {
    display: none;
	height: 50px;
	padding: 5px;
}

@media (max-width: 991px) {
	.navbar-logo>img {
		padding-left: 15px;
	}
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: #0065a4;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	color: #fff;
	background-color: #0065a4;
}

/* This will add the word menu before the button collapse */


.navbar-toggle:before {
	content: "Menu";
	left: -50px;
	top: 6px;
	position: absolute;
	width: 50px;
	color: #0065a4;
}

/*.navbar-toggle:after {
    content: "";
    background: url('/images/dpl_logo_books.png') no-repeat center;
    background-size: contain;
    display: block;
    height: 45px;
    width: 45px;
    left: -100px;
    top: 0px;
    position: absolute;

}*/

.navbar-brand {
    padding: 5px 15px;
}

.navbar-brand > img {
    width: 35px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #0065a4;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #0065a4;
}

.navbar-nav {
	font-weight: 600;
}

@media (max-width: 991px) {
	.navbar-nav .open .dropdown-menu {
		background-color: #f1f4f9;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		background-color: #f1f4f9;
	}
}


/* Modify bootstrap base for search box */
#search-form .tab-content {
	padding: 15px;
	background-color: #fff;
}

.search-block {
	background-color: #ddd;
	padding: 10px;
}

.section-hours,
.section-cal,
.section-booklists {
	/*background-color: #fff;*/
}

#frontPage-calendar {
	padding-bottom: 20px;
}

.sidebar {
	padding-top: 25px;
	padding-bottom: 25px;
}

.nav-sidebar > li > a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-right: -16px;
}
.nav-sidebar li {
    width: 100%;
}

.nav-sidebar>li.active>a {
	color: #f8971d;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 3px solid #f8971d;
	margin-right: -16px;
}

.nav-sidebar>li.activeGreen>a {
	color: #aaba0a;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 3px solid #aaba0a;
	margin-right: -16px;
}

.nav-sidebar>li.activeBlue>a {
	color: #005b99;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 3px solid #005b99;
	margin-right: -16px;
}

.nav-sidebar>li.activeOrange>a {
	color: #f8971d;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 3px solid #f8971d;
	margin-right: -16px;
}

.nav-sidebar>li>a:hover {
	background-color: #fff;
	border-radius: 4px;
}

/* Site notification styles */

/* added width 100% 4/11/19 bootstrap 4.3 fix*/
.notification {
    width:100%;
	padding: 15px;
	border: 1px solid transparent;
}

/* Responsive: Portrait tablets and up */

@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}
	.body-content {
		padding: 0;
	}
}

@media screen and (min-width: 992px) {
	a.logo img {
		padding-top: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	a.logo img {
		display: block;
		margin: 0 auto;
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	a.logo img {
		display: block;
		margin: 0 auto;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 480px) {
	a.logo img {
		margin: 0 auto;
		display: block;
		padding-bottom: 16px;
	}
	/* This reduced padding keeps tabs from wrapping */
	.nav>li>a {
		padding: 5px 9px;
	}
	/* Sub master page border */
	.page-content {
		border-left: 1px solid #fff;
	}
	.event-block {
		margin-left: 0;
	}
	#borrower-info-js {
		padding-bottom: 3em;
	}
}

.logo-books {
	-webkit-animation: fadein 300ms;
	/* Safari and Chrome */
	-moz-animation: fadein 300ms;
	/* Firefox */
	-ms-animation: fadein 300ms;
	/* Internet Explorer */
	-o-animation: fadein 300ms;
	/* Opera */
	animation: fadein 300ms;
}

.link-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 14;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Firefox */

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Safari and Chrome */

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Internet Explorer */

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Opera */

@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Form CSS */

#form-cal-branch .radio {
	padding-right: 15px;
}

#form-cal-type .checkbox {
	padding: 10px;
}

.ill-error {
	display: none;
}


/* Page card styles based on Bootrap Alpha 4 */

.card {
	position: relative;
	display: block;
	margin-bottom: 17px;
	background-color: #fff;
	border: 1px solid #d3e0e9;
	border-radius: .25rem;
}

.card-block {
	padding: 1.25rem;
}

.card-block::after {
	content: "";
	display: table;
	clear: both;
}

.card-title {
	margin-bottom: .75rem;
}

.card a h3.card-title:hover {
	text-decoration: none;
}

.card-byline {
	font-size: 85%;
	font-weight: 600;
	text-transform: uppercase;
	color: #898989;
}

.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0;
}

.card-text {
	line-height: 1.5;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link {
	font-weight: 600;
	padding-top: 15px;
	color: #0065a4;
}

.card-link:hover {
	text-decoration: none;
}

.card-link+.card-link {
	margin-left: 1.25rem;
}

.card>.list-group:first-child .list-group-item:first-child {
	border-radius: .25rem .25rem 0 0;
}

.card>.list-group:last-child .list-group-item:last-child {
	border-radius: 0 0 .25rem .25rem;
}

.card-header {
	padding: .75rem 1.25rem;
	background-color: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
}

.card-header:first-child {
	border-radius: .25rem .25rem 0 0;
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}

.card-footer:last-child {
	border-radius: 0 0 .25rem .25rem;
}

.card-primary {
	background-color: #0275d8;
	border-color: #0275d8;
}

.card-success {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.card-info {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.card-warning {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.card-danger {
	background-color: #d9534f;
	border-color: #d9534f;
}

.card-primary-outline {
	background-color: transparent;
	border-color: #0275d8;
}

.card-secondary-outline {
	background-color: transparent;
	border-color: #ccc;
}

.card-info-outline {
	background-color: transparent;
	border-color: #5bc0de;
}

.card-success-outline {
	background-color: transparent;
	border-color: #5cb85c;
}

.card-warning-outline {
	background-color: transparent;
	border-color: #f0ad4e;
}

.card-danger-outline {
	background-color: transparent;
	border-color: #d9534f;
}

.card-dpl-blue {
	background-color: #0065a4;
	border-color: #0065a4;
}

.card-dpl-blue h2,
.card-dpl-orange h2,
.card-dpl-purple h2 {
	color: #fff;
}

.card-dpl-orange {
	background-color: #f8971d;
	border-color: #f8971d;
}

.card-dpl-red {}

.card-dpl-yellow {
	background-color: #ffe14f;
	border-color: #ffe14f;
}

.card-dpl-green {
	background-color: #b0bc22;
	border-color: #b0bc22;
}

.card-dpl-purple {
	background-color: #6c217f;
	border-color: #6c217f;
}

.card-inverse .card-header,
.card-inverse .card-footer {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote,
.card-inverse a {
	color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote>footer {
	color: rgba(255, 255, 255, .65);
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
	color: #fff;
}

.card-blockquote {
	padding: 0;
	margin-bottom: 0;
	border-left: 0;
}

.card-inverse .card-img-overlay-right h3 {
	position: absolute;
	top: 50%;
	right: 0;
    transform: translate(0,-50%);
	text-align: right;
	width: 100%;
    line-height: 2.0;
}

.card-inverse .card-img-overlay-left h3 {
	position: absolute;
	top: 50%;
	left: 0;
    transform: translate(0,-50%);
	width: 100%;
	line-height: 2.0;
}

.card-inverse .card-img-overlay-left h3.card-title span,
.card-inverse .card-img-overlay-right h3.card-title span {
	background: #000;
	/* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding: 10px;
}

.card-inverse .card-img-overlay-left h3.card-title a span,
.card-inverse .card-img-overlay-right h3.card-title a span {
	background: #000;
	/* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding: 10px;
}

.card-img {
	border-radius: .25rem;
}

.card-img-top {
	border-top-right-radius: .25rem;
	border-top-left-radius: .25rem;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.card-img-bottom {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

@media (min-width: 544px) {
	.card-deck {
		display: table;
		table-layout: fixed;
		border-spacing: 1.25rem 0;
	}
	.card-deck .card {
		display: table-cell;
		width: 1%;
		vertical-align: top;
	}
	.card-deck-wrapper {
		margin-right: -1.25rem;
		margin-left: -1.25rem;
	}
}

@media (min-width: 544px) {
    .card-img-top {
        min-height: 100% !important; 
    }
	.card-group {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.card-group .card {
		display: table-cell;
		vertical-align: top;
	}
	.card-group .card+.card {
		margin-left: 0;
		border-left: 0;
	}
	.card-group .card:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.card-group .card:first-child .card-img-top {
		border-top-right-radius: 0;
	}
	.card-group .card:first-child .card-img-bottom {
		border-bottom-right-radius: 0;
	}
	.card-group .card:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group .card:last-child .card-img-top {
		border-top-left-radius: 0;
	}
	.card-group .card:last-child .card-img-bottom {
		border-bottom-left-radius: 0;
	}
	.card-group .card:not(:first-child):not(:last-child) {
		border-radius: 0;
	}
	.card-group .card:not(:first-child):not(:last-child) .card-img-top,
	.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
		border-radius: 0;
	}
}

@media (min-width: 544px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}
	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

img.center {
	display: block;
	margin: 0 auto;
}

.img-event {
	max-width: 250px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.img-event-slide {
	max-width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* Digital Download page css copy */

.digital {
	padding: 1px 15px 15px;
	text-align: center;
}

.digital table {
    text-align: left;
}

.digital .panel {
	text-align: left;
}

.digital .panel ul {
	padding-left: 10px;
}

.digital-tabs .nav-tabs {
    border-bottom: 0px;
}

.digital-tabs .nav-tabs > li {
    margin-bottom: 0px;
   
}

.digital-tabs .nav-tabs>li>a {
	border-radius: 0;
	background-color: #f1f1f1;
	font-weight: 700;
    
    
}

.panel-digital {
	padding: 15px;
	background-color: transparent;
}

.digital-tabs .nav-tabs>li.active>a,
.digital-tabs .nav-tabs>li.active>a:hover,
.digital-tabs .nav-tabs>li.active>a:focus {

    color: #f1f1f1;
	cursor: default;
	background-color: #0065a4;
    border-color: #0065a4;
}

.digital-tabs .tab-content {
    border: 12px solid #0065a4;
}

.card-dpl-blue,
.card-dpl-orange,
.card-dpl-purple {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.card-dpl-blue h1,
.card-dpl-orange h1,
.card-dpl-purple h1 {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 3em;
	line-height: 2em;
}

.card-dpl-blue h1 {
	color: #47B9FF;
}

.card-dpl-orange h1 {
	color: #fcd19c;
}

.card-dpl-purple h1 {
	color: #d18de2;
}

.text-darker-blue {
	color: #004d7d;
}

.btn-light-blue {
	background-color: #47b9ff;
	color: #024a7c;
}

.text-light-blue {
	color: #47b9ff;
}

.text-light-orange {
	color: #fcd19c;
}

.btn-light-orange {
	color: #9e5905;
	background-color: #fcd19c;
}

.text-light-purple {
	color: #d18de2;
}

.btn-light-purple {
	background-color: #d18de2;
	color: #551961;
}

.bg-dpl-light-yellow {
	background-color: #fff5c5;
}

.more-info {
	position: absolute;
	padding: 8px;
	float: left;
}

span.more-info {
	color: #ddd;
	text-decoration: underline;
	cursor: pointer;
}

.popover-content div>ul {
	display: block;
	margin-bottom: 10px;
}


.breadcrumb {
	font-size: 90%;
	background-color: #fff;
	margin-bottom: 10px;
}

/* White space classes
*  m for margin, p for padding, t top, b bottom, l left, r right, a all */

.m-b-15 {
	margin-bottom: 15px;
}

.m-b-30 {
	margin-bottom: 30px;
}

.m-l-15 {
	margin-left: 15px;
}

.m-r-15 {
	margin-right: 15px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-tb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.m-tb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.p-a-5 {
	padding: 5px;
}

.p-b-5 {
	padding-bottom: 5px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-25 {
	padding-left: 25px;
}

.p-r-15 {
	padding-right: 15px;
}

.p-lr-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-tb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-lr-0,
.p-lr-0>li {
	padding-left: 0;
	padding-right: 0;
}

ol.list-tb-5>li {
	padding-top: 5px;
	padding-bottom: 5px;
}

ol.li-padding-8px>li {
	padding: 8px 0;
}

.list-padding>li {
	padding: 8px 0;
}

.list-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

dt {
	margin-top: 15px;
}

.flickr-feed {
	background-color: #9a9ba5;
	padding: 5px 5px 5px 10px;
}

.flickr-feed>h5 {
	color: #fff;
}

#flickr-image-block li {
	padding-bottom: 5px;
}

#flickr-title {
	padding-left: 10px;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #9a9ba5;
}


/* Social Media colors */

.facebook {
	color: #3b5988;
}

.pinterest {
	color: #cb2027;
}

.flickr {
	color: #ff0084;
}

.youtube {
	color: #b00;
}

.instagram {
	color: #517fa4;
}

/* Horzontal Rule styles */
hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style11 {
    height: 6px;
    /*changed from hr-11.png to hr-111.png 12/4/18*/
    background: url(/images/hr-111.png) repeat-x 0 0;
    border: 0;
}

hr.style12 {
	height: 6px;
	background: url(/images/hr-12.png) repeat-x 0 0;
	border: 0;
}

.callout-item {
	font-size: 1.5em;
	padding: 15px;
	margin-bottom: 20px;
}

.callout-item a {
	text-decoration: none;
	color: #fff;
}

.callout-purple {
	color: #fff;
	background-color: #6c217f;
	border-color: #6c217f;
}

.callout-green {
	color: #fff;
	background-color: #b0bc22;
	border-color: #b0bc22;
}

.callout-orange {
	color: #fff;
	background-color: #f8971d;
	border-color: #f8971d;
}

.sitemap-path {
	margin-bottom: 15px;
	font-size: 95%;
}

.sitemap-path-seperator {
	padding: 0 3px;
}

/* Page heading graphics */

.subpage-heading {
	padding: 15px 25px;
	margin-bottom: 20px;
	border-radius: 6px;
	height: 202px;
}

.subpage-h-career {
	background-image: url(/images/career-header.jpg);
}

.subpage-h-legal {
	background-image: url(/images/legal-header.jpg);
}

.subpage-h-research {
	background-image: url(/images/bc-swirl-green-LT.png);
	background-color: #aaba0a;
	background-position: 0 -900px;
}

.subpage-h-using {
	background-image: url(/images/bg-swirl-orange.png);
	background-color: #f8971d;
	background-position: 0 -800px;
}

.subpage-h-bmm {
	background-image: url(/images/bg-swirl-blue.png);
	background-color: #005b99;
	background-position: 0 -1200px;
}

.image-heading {
	position: relative;
	width: 100%;
}

.image-heading h2 {
	position: absolute;
	top: 32%;
	left: 0;
	width: 100%;
}

.image-heading h2 > span {
	background: #000;
	/* fallback color */
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 10px 10px 15px;
}

@media screen and (max-width: 480px) {
	.image-heading h2 {
		position: relative;
	}
	.image-heading h2>span {
		background: none;
		padding: 0;
		color: #0065a4;
	}
}

.text-white {
	color: #fff;
}

.bg-white {
	background-color: #fff;
}
/*zr removed 82219 .navbar-light .navbar-nav .nav-link {
    height: 100%;
}*/
#navbarSupportedContent > ul > li > a.kids {
    font-size: 17px;
/*    font-family: 'Schoolbell', cursive;
*/    color: #f8971d;
    background-color: transparent;
    letter-spacing: 1px;
}
a.nav-link.kids.kids-font {
	/*     font-size: 20px;
  font-family: 'Schoolbell', cursive;
*/ color: #f8971d;
	background-color: transparent;
	letter-spacing: 1px;
}
    a.nav-link.kids.kids-font:hover {
        background-color: #f8971d;
        color: #fff !important;
    }
a.nav-link.teens {
    color: #8e44ad !important;
    background-color: transparent;
}

    a.nav-link.teens:hover {
        color: #fff !important;
        background-color: #9b59b6 !important;
    }
/*.navbar-kids > li > a.kids {
    font-size: 20px;
    font-family: 'Schoolbell', cursive;
    color: #f8971d;
    background-color: transparent;
    letter-spacing: 1px;
}*/
#navbarSupportedContent > ul > li > a.kids:hover {
    background-color: #f8971d;
    color: #fff;
}
#navbarSupportedContent > ul > li > a.teens {
    color: #8e44ad;
    background-color: transparent;
}
/*.navbar-kids > li > a.teens {
    color: #8e44ad;
    background-color: transparent;
}*/

#navbarSupportedContent > ul > li > a.teens:hover {
    color: #fff;
    background-color: #9b59b6;
}


/* Event and calendar listing Styles */

.event {
	margin: 20px 0;
}

.event-title {
	font-size: 17px;
	font-weight: 500;
	display: inline-block;
}

.event-block {
	margin-left: 65px;
}

.event-block .event-day,
.event-block .event-time,
.event-block .event-room {
	font-weight: 700;
}

.event-block .event-room {
	padding-right: 15px;
}

.event-block .event-footer {
	padding-top: 10px;
	font-size: 80%;
}

.event-block .event-reg {
	margin-left: 15px;
}

.cal-block {
	font-size: 12px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	width: 50px;
	font-weight: 700;
	display: inline-block;
	color: #fff;
	background-color: #337ab7;
	padding: 5px;
	border-radius: 2px;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
}

.cal-block .cal-block-day {
	display: block;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}

.event-popover-loc,
.event-popover-time {
	font-weight: 700;
	font-size: 90%;
}


/* Loading indicator on the calendar */

.loading {
	display: none;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 40px;
	z-index: 1001;
	padding: 10px;
	border-radius: 4px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

.dot:before,
.dot:after {
	content: ".";
}

.dot {
	animation: fade 1s linear infinite;
}

.dot:after {
	animation: fade 2s linear infinite;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media screen and (max-width: 480px) {
	.event-block {
		margin-top: 5px;
		margin-left: 0;
	}
	.event-loc {
		display: block;
	}
	.event-block .event-reg {
		margin: 5px 0;
	}
}


/*  For font awesome additional icon padding */

.fa-p-r {
	padding-right: 5px;
	text-align: center;
}

iframe {
	width: 100%;
	height: 315px;
	border: 0;
	overflow: hidden;
}

iframe.iframe-teen {
	margin-top: -30px;
}


/* Gale PowerSearch Styles */

/*#psx_main {
	width: 80%;
	height: 65px;
	background-image: url('/research/images/gale_power_search.png');
	background-repeat: no-repeat;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 5px;
}

#psx_top {
	position: relative;
	float: left;
	left: 300px;
}

#psx_bottom {
	margin-top: 30px;
	float: right;
	color: #fff;
	width: 60%;
}

#psx_top p {
	font-size: 10px;
	color: #fff;
}

.psx_go {
	width: 25px;
	height: 20px;
	border: 0;
	float: right;
	display: block;
}

.psx_searchbox {
	float: right;
	width: 100%;
	margin: 2px 0 0;
	padding: 4px 0 0;
	border: 1px solid #999;
	color: #333;
	background-color: #FFF;
	font-size: 11px;
}*/


/* Overide some Google Translate Button styles*/

.goog-te-gadget {
	font-family: 'Roboto', sans-serif;
}

.goog-te-gadget-simple {
	font-family: 'Roboto', sans-serif;
	padding: 4px !important;
	border-radius: 4px;
}

.popover {
	font-family: 'Roboto', sans-serif;
}

.highlight {
	padding: 3px 4px;
	background-color: #ffe14f;
}

.error {
	display: none;
}


/* Tech at library heading */

.panel-shell {
	font-family: monaco, monospace;
	color: #383838;
}

.panel-shell>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	background: -webkit-linear-gradient(#e5e5e5 0%, #b0b0b0 100%);
	background: linear-gradient(#e5e5e5 0%, #b0b0b0 100%);
	background-image: -moz-linear-gradient(#e5e5e5 0%, #b0b0b0 100%);
}

.panel-shell>.panel-body {
	background-color: #000;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.panel-shell>.panel-body>h2 {
	color: #c0c7c7;
}

.red {
	color: #f04341;
}

.yellow {
	color: #f5b868;
}

.green {
	color: #96cf7d;
}

.using-card-arrow {
	height: 75px;
	margin-top: 18px;
}

.app-outline {
	border: 1px solid #ccc;
	border-radius: 25%;
	width: 87px;
	padding: 10px 6px 10px 14px;
}


/* Classes for Compatibility with Content from Previous Site */

.summary {
	font-size: 95%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.HeadlineText {
	font-size: 18px;
	font-weight: 600;
}

.paginate span,
.paginate a {
	padding: 6px 10px;
	background-color: #fff;
	border: 1px solid #f5f5f5;
	margin-left: -1px;
}


/* Kids page Timeline styles */

.timeline {
	list-style: none;
	padding: 20px 0;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline>li>.timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
	margin-bottom: 0;
}

.timeline-body>p+p {
	margin-top: 5px;
}

@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}
	ul.timeline>li>.timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}
	ul.timeline>li>.timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}
	ul.timeline>li>.timeline-panel {
		float: right;
	}
	ul.timeline>li>.timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}
	ul.timeline>li>.timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}


/*
 Accordion toggle Plus and Minus transistion
 pad the title so pseudo element can be positioned on the left
*/

.panel-title>.accordion-toggle {
	padding-left: 25px;
}

.accordion-toggle {
	position: relative;
}

	.accordion-toggle::before,
	.accordion-toggle::after {
		content: '';
		display: block;
		position: absolute;
		top: 40%;
		left: 0;
		width: 14px;
		height: 4px;
		background-color: #0071b8;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: all .25s;
		transition: all .25s;
	}

.accordion-toggle::before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

.accordion-toggle.collapsed::before {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

.accordion-toggle.collapsed::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


/* Back to top button*/
.back-to-top {
	background: #0065a4 url(../images/to-top-arrow.svg) no-repeat center 50%;
	display: none;
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	right: 10px;
	bottom: 40px;
	/* image replacement properties */
	text-indent: 100%;
	white-space: nowrap;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
	.back-to-top:hover {
		box-shadow: none !important;
	}
@media only screen and (min-width: 768px) {
	.back-to-top {
		right: 20px;
		bottom: 20px;
	}
}


/* Summer reading styles*/

.btn-ksrp {
	background-color: #f8971d;
	color: #fff;
}

.btn-ksrp>a {
	color: #fff;
}

.btn-ksrp:hover,
.btn-ksrp:hover > a {
	color: #000;
}

.btn-tsrp {
	background-color: #6c217f;
	color: #fff;
}

.btn-tsrp>a {
	color: #fff;
}

.btn-tsrp:hover,
.btn-tsrp:hover > a {
	color: #000;
}

.btn-asrp {
	background-color: #0065a4;
	color: #fff;
}

.btn-asrp>a {
	color: #fff;
}

.btn-asrp:hover,
.btn-asrp:hover>a {
	color: #000;
}

.btn-fsrp {
	background-color: #b0bc22;
	color: #fff;
}

.btn-fsrp>a {
	color: #fff;
}

.btn-fsrp:hover,
.btn-fsrp:hover>a {
	color: #000;
}

.btn-esrp {
	background-color: #DF262B;
	color: #000;
}

.btn-esrp>a {
	color: #000;
}

.btn-esrp:hover,
.btn-esrp:hover>a {
	color: #000;
}


/* Branch Page Styles */

table.table-branch-hours {
	font-weight: 300;
}

.chat-container {
	height: 230px;
	min-height: 230px;
}

.event-title h3 {
	padding: 10px;
}

.adultprogram {
	background-color: #a6bedd;
	border-color: #a6bedd;
	color: #4c4c4c;
}

.class {
	background-color: #f9e04c;
	border-color: #f9e04c;
	color: #4c4c4c;
}

.childrensprogram,
.storytime {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
	color: #4c4c4c;
}

.teenprogram,
.tweenprogram {
	background-color: #bfc94e;
	border-color: #bfc94e;
	color: #4c4c4c;
}

.libraryclosure {
	background-color: #ed174f;
	border-color: #ed174f;
	color: #fff;
}


/* Alert Overlay */

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: rgba(237, 23, 79,0.9);*/
	/* red */
	background: rgba(248, 151, 29, 0.9);
	/* orange */
	z-index: 99995;
	display: table;
	text-align: center;
}

.overlay .overlay-close {
	position: absolute;
	left: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	outline: none;
	z-index: 99996;
	cursor: pointer;
}

.overlay .checkbox-hide {
	position: absolute;
	left: 20px;
	top: 80px;
	overflow: hidden;
	border: none;
	outline: none;
	z-index: 99997;
}

.overlay-alert {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s, visibility 0s .3s;
	transition: opacity .3s, visibility 0s .3s;
}

.overlay-alert.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.overlay-alert-body {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/* All resources page and Gale PowerSearch Widget*/

#psx-widget {
    background: url(/research/images/psx-widget.jpg)  no-repeat #111522;
    border-radius: 4px;
}

.psx-widget-search {
    padding: 55px 15px 30px 15px;
}

.psx-widget-form {
    padding: 0px 15px 15px 30px;
}

#alphabet-btn-group .btn-sm{
    padding: 4px 9px;
}

.allresource-list {
    
    padding-left: 10px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {

    .allresource-list {
        padding-left: 0px;
        padding-bottom: 0px;
    }
}
@font-face {
    font-family: 'lhfoldblockcondensed';
    src: url('../Alpha/fonts/lhfoldblockcondensed.woff2') format('woff2'), url('../Alpha/fonts/lhfoldblockcondensed.woff') format('woff'), url('../Alpha/fonts/LHFoldblockcondensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

















.switch_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 200px;
    min-width: 78px;
    height: 45px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 6px;
}



/* Switch 3 Specific Style Start */

.box_3 {
    background: transparent;
}

.toggle_switch {
    width: 100px;
    height: 45px;
    position: relative;
}

input[type="checkbox"].switch_3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: 0;
    z-index: 1;
}

svg.checkbox .outer-ring {
    stroke-dasharray: 375;
    stroke-dashoffset: 375;
    -webkit-animation: resetRing .35s ease-in-out forwards;
    animation: resetRing .35s ease-in-out forwards;
}

input[type="checkbox"].switch_3:checked + svg.checkbox .outer-ring {
    -webkit-animation: animateRing .35s ease-in-out forwards;
    animation: animateRing .35s ease-in-out forwards;
}

input[type="checkbox"].switch_3:checked + svg.checkbox .is_checked {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
}

input[type="checkbox"].switch_3:checked + svg.checkbox .is_unchecked {
    opacity: 0;
    -webkit-transform: translateX(-200%) rotate(180deg);
    transform: translateX(-200%) rotate(180deg);
}


svg.checkbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    svg.checkbox .is_checked {
        opacity: 0;
        fill: yellow;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: translateX(200%) rotate(45deg);
        transform: translateX(200%) rotate(45deg);
        -webkit-transition: all .35s;
        transition: all .35s;
    }

    svg.checkbox .is_unchecked {
        opacity: 1;
        fill: #6c217f;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-transition: all .35s;
        transition: all .35s;
    }

@-webkit-keyframes animateRing {
    to {
        stroke-dashoffset: 0;
        stroke: #b0aa28;
    }
}

@keyframes animateRing {
    to {
        stroke-dashoffset: 0;
        stroke: #b0aa28;
    }
}

@-webkit-keyframes resetRing {
    to {
        stroke-dashoffset: 0;
        stroke: #233043;
    }
}

@keyframes resetRing {
    to {
        stroke-dashoffset: 0;
        stroke: #233043;
    }
}

/*a.nav-link.kids.kids-font {
    font-family: 'Schoolbell', cursive;
}*/
#ctl01 > div.container > div > div.col-sm-12.col-sm-9.col-md-9.order-sm-1.order-md-2.order-lg-2.order-lx-2.page-content > div > div > div > div > table {
    color: white;
}
    #ctl01 > div.container > div > div.col-sm-12.col-sm-9.col-md-9.order-sm-1.order-md-2.order-lg-2.order-lx-2.page-content > div > div > div > div > table > tbody > tr > td > label {
        color: black !important;
    }
table.table.table-branch-hours {
    color: white;
}
#MainContent_ctl00 > section.section-hours > div > div > div > table > tbody > tr:hover {
    background-color: #d4edda;
}

@media (min-width: 300px) and (max-width: 400px) {
    /*a#tnavbarDropdown {
        display: none !important;
    }*/
    div#navbarSupportedContent {
        overflow-y: scroll;
        height: auto;
        max-height: 500px;
    }
    #search-form > div > div > ul > li:nth-child(4) > a {
        font-size: 14px;
    }
}
@media (min-width: 300px) and (max-width: 321px) {
	a#tnavbarDropdown {
        display: none !important;
    }
}
@media (min-width: 575px) and (max-width: 990px) {
	
}
	/*{
    overflow-y: scroll;
    height: auto;
    max-height: 500px;
}*/

	/*a[target=_blank] {
	background-position: center right;
	background-repeat: no-repeat;
	background-image: linear-gradient(transparent,transparent),url(/images/external-link-icon.svg?b4b84);
	padding-right: 13px;
}*/

a.external:hover {
	background-position: center right;
	background-repeat: no-repeat;
	/*background-image: linear-gradient(transparent,transparent),url(/images/external-link-icon.svg?b4b84);*/
	background-image: linear-gradient(transparent,transparent),url(/images/open_in_new.svg);
	padding-right: 24px;
}
span#MainContent_SiteMapPath1 a {
	background-image: none !important;
	padding: 0px;
}
a.text-danger.external {
	background-image: none !important;
	padding-right: 0px !important;
}

	#kwcatsearch:hover {
		background-color: #004d00;
		border-color: #002900;
	}

#kwcatsearch {
	color: white !important;
	background-color: green;
	border-color: green;
}

#ctl01 > div.alert.alert-danger.text-center {
	color: white;
	background-color: #650921 !important;
}


#SearchLinkButton1 {
	color: white !important;
	background-color: green;
	border-color: green;
}

	#SearchLinkButton1:hover {
		background-color: #004d00;
		border-color: #002900;
	}
/* LIGHT MODE */

@media screen and (min-width: 992px) {
	/* Set the fixed height of the footer here */
	#footer {
		display: none !important;
	}
}

@media screen and (max-width: 992px) {
	/* Set the fixed height of the footer here */
	#footer {
		height: 60px;
		display: block !important;
		background-color: #f5f5f5;
	}

	#bottomNav {
		padding: 2px;
	}

		#bottomNav a span {
			font-size: 8pt;
			color: #000;
			text-decoration: none;
			display: block;
		}


		#bottomNav a i {
			font-size: 18pt;
		}

		#bottomNav a {
			text-decoration: none;
		}

			#bottomNav a:hover {
				color: #0071b8;
				text-decoration: none;
			}
	#mobile-search > i {
		color: #0071b8;
	}

	#bottomNav label span {
		font-size: 8pt;
		color: #000;
		text-decoration: none;
		display: block;
	}
}


#slider {
	transition: 0.5s;
}

.slide-in {
	transform: translateY(999%);
	-webkit-transform: translateY(999%);
	animation: slide-in 0.5s forwards;
	-webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	animation: slide-out 0.5s backwards;
	-webkit-animation: slide-out 0.5s backwards;
}

@keyframes slide-in {
	0% {
		transform: translateY(999%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slide-in {
	0% {
		transform: translateY(999%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes slide-out {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(999%);
	}
}

@-webkit-keyframes slide-out {
	0% {
		-webkit-transform: translateY(0%);
	}

	100% {
		-webkit-transform: translateY(999%);
	}
}

.modal-dialog {
	max-width: 1000px;
}

.animate-bottom {
	position: relative;
	animation: animatebottom 0.4s;
}

@keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0;
	}

	to {
		bottom: 0;
		opacity: 1;
	}
}

/* LIGHT MODE */



.wrapper {
	margin: 0 auto;
}

.wrapperShadow {
	position: relative;
}

#content {
	min-height: 600px;
	padding-bottom: 30px;
	position: relative;
	/*background-color: #f1f4f9;*/
}

.bg-light {
	background-color: #f8f9fa !important;
}


.wrapper::before, .wrapper::after, #content:not(.grid-layout--pub-sidebar)::before, #content:not(.grid-layout--pub-sidebar)::after {
	content: " ";
	display: table;
}

.apps-2-badges {
	display: inline-flex;
}

	.apps-2-badges > a > img {
		width: 99px;
	}

#ctl01 > footer > div.container > div > div:nth-child(1) > ul.introjs-relativePosition > li:nth-child(3) > a, #ctl01 > footer > div.container > div > div:nth-child(2) > ul.introjs-relativePosition > li:nth-child(3) > a {
	color: black !important;
}

.card-title {
	font-size: 24px;
}

.list-group-item {
	border-left: none !important;
	border-right: none !important;
}

.card {
	background-color: transparent !important;
	border: none !important;
}

.card-body {
	padding: 1rem 0;
}

.billboard.transparent-dark-left {
	color: #fff;
	margin-bottom: 16px;
}

	.billboard.transparent-dark-left .contextTitle, .billboard.transparent-dark-left .contextTitle a, .billboard.transparent-dark-left .billboardTitle, .billboard.transparent-dark-left .billboardTitle a {
		color: #fff;
	}

	.billboard.transparent-dark-left .contextTitle, .billboard.transparent-dark-left .billboardTitle, .billboard.transparent-dark-left .billboardDescription {
		text-shadow: 1px 1px 1px rgb(41 41 41 / 90%);
	}

.contextTitleLarge, .contextTitle {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: 400;
	color: #626262;
	color: var(--du-color--textSubdued, #626262);
}

.billboard.transparent-dark-left .contextTitle, .billboard.transparent-dark-left .contextTitle a, .billboard.transparent-dark-left .billboardTitle, .billboard.transparent-dark-left .billboardTitle a {
	color: #fff;
}

.billboard.transparent-dark-left .contextTitle, .billboard.transparent-dark-left .billboardTitle, .billboard.transparent-dark-left .billboardDescription {
	text-shadow: 1px 1px 1px rgb(41 41 41 / 90%);
}

.expandButton .expandButton-border, .syn-body .btnDownload a, .pub-ijw13fr.FamilyWorshipProjectPage .bodyTxtAlt a, .bodyTxtAlt.btnDownload a, a.jsTourBrochureDownload, .primaryButton, .secondaryButton, .tertiaryButton {
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	padding: 2px;
	margin-bottom: 5px;
	min-width: 36px;
	min-height: 36px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(18, 18, 18, 0.1);
	border-color: var(--dc-button-borderColor, rgba(18, 18, 18, 0.1));
	cursor: pointer;
}

@media only screen and (min-width: 760px) {
	/*.layout-landing {
		padding: 0 32px 0;
	}*/

	.billboard.transparent-dark-left {
		position: relative;
	}

	/*	.billboard.transparent-dark-left .billboard-media-image {
			position: absolute;
			height: 100%;
		}

		.billboard.transparent-dark-left .billboard-media-image {
			position: absolute;
			height: 100%;
		}

		.billboard.transparent-dark-left .billboard-media-image {
			position: absolute;
			height: 100%;
		}*/

		.billboard.transparent-dark-left .billboard-content {
		padding: 24px;
		margin: -75px 90px 0;
		background-color: rgba(41,41,41,.9);
	}

	.billboard.transparent-dark-left .billboard-content {
		position: relative;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
	}

	.sectionSynopsis .sect-syn-header {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		align-items: center;
	}
}
.topicItem-content {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	box-sizing: border-box;
	padding: 1em;
	height: 100%;
	min-height: 120px;
}

a.topicItem {
	display: block;
	color: #fff;
}

.topicItem-text h3 {
	margin: 0;
	font-size: 1em;
	text-shadow: 0 1px 2px #000;
	color: #fff;
}

.topicGrid {
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
}

.sectionHdg {
	margin: 1em 0 10px;
}

/*@media only screen and (min-width: 760px) h2 {
	font-size: 1.749690125em;
}*/

@media only screen and (min-width: 520px) {
	.topicGrid {
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
		gap: 20px;
	}
}

@media only screen and (min-width: 520px) {
	.homeTopicGrid {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-flow: row wrap;
	}
}
@media only screen and (min-width: 960px) {
	.layout-landing {
		/*padding: 0 64px 0;*/
	}

	.wrapper {
		/*max-width: 1200px;
		min-width: 801px;*/
		width: auto;
	}

	.wrapperShadow {
		margin: 0 30px;
	}

	.wrapperShadow {
		box-shadow: none;
	}

	.billboard-media.lss, .billboard-media.lsr {
		display: none;
	}

	.billboard-media.lss, .billboard-media.lsr {
		display: none;
	}
/*
	.billboard.transparent-dark-left .billboard-content {
		min-height: 380px;
	}*/

/*	.billboard.transparent-dark-left .billboard-content-text {
		width: 32%;
		margin: 1em 90px;
	}*/

	.billboard.transparent-dark-left .billboardTitle {
		font-size: 2.1083766006em;
	}

	/*#homepagetiles {
		padding: 0 49px 0;
	}*/
}

@media only screen and (max-width: 759px) {
	.billboard.transparent-dark-left .billboard-content {
		background-color: rgba(41,41,41,.9);
		padding: 16px;
	}

	.billboard.transparent-dark-left .billboard-content {
		margin: -40px 24px 0;
	}

	.billboard-media.lsr, .billboard-media.pnr {
		display: none;
	}

	#homepagetiles {
		padding: 0 0 0 0;
	}
	/*.sectionSynopsis {
		padding: 0 16px !important;
	}*/
	/* ZR desktop to mobile bug */
	.billboard-media.lss .billboard-media-image {
		min-height: 280px;
	}

}

/*@media only screen and (min-width: 520px) {
    .billboard {
        margin: 0 -24px 0;
    }
}*/

@media only screen and (max-width: 519px) {
	.billboard.transparent-dark-left .billboard-content {
		margin: -40px 16px 0;
	}
	/*.sectionSynopsis {
		padding: 0 16px;
	}*/
}

.billboard-media.pnr .billboard-media-image {
	min-height: 480px;
}


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

.billboard-media-image {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
}

.tertiaryButton {
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	padding: 2px;
	margin-bottom: 5px;
	min-width: 36px;
	min-height: 36px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(18, 18, 18, 0.1);
	cursor: pointer;
}

.sectionSynopsis .sect-syn-header {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.sectionSynopsis .sect-syn-header {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

/*.sectionSynopsis {
	padding: 0 64px 0;
	padding: 0 16px 0;
}*/

p.card-text.lead {
	font-size: .9rem;
}