@charset "utf-8";
/* CSS Document custom.css */

/*              FONTS                        */


body { 
	font-size:100%;
	font-family: 'Merriweather', serif;
}

#bs5-header, 
#nav-gc, 
footer { font-family: 'Open Sans', sans-serif; }

#bs5-header, 
#nav-gc {
	font-weight:700;
}


h1, .h1 { 
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:-0.015rem;
	font-size:2rem;
	line-height:2.5rem;
	margin-bottom:1rem;
}



h2, .h2 { 
	font-size:1.6rem;
	font-weight:bold;
	font-family:"Open Sans", sans-serif;
	}

#showWork h2 { 
	font-size: 107%;
	font-family: Merriwether, serif;
} 

h3, .h3, h4, .h4, h5, .h5, h6, .h6 { 
	font-family: Merriwether, serif;
} 

.profile-box h3 { 
	font-size:1.1rem;
	font-weight:700;
}

.profileSchedule button { 
	font-weight:bold;
	font-size:1rem;
}

.profileText { 
	font-size:90%;
	}
.profileText h4 { 
	font-family:'Merriweather', serif;
	}

#appm .well { font-size:1.5rem; }
#homeSearchTip { font-style:italic; }


nav.pagination { font-family:"Open Sans", sans-serif; }






	
/*              COLORS                 */


body { 
	color:#000000;
	background-color:white;
	}


#homeSearch input[type="submit"] { 
	background:    #ad0000;
	background:    linear-gradient(#ad0000, #b20a2d);
	color:         #ffffff;
	box-shadow:    0 1px #444444;
	text-shadow:   1px 1px #000000;
} 
	

h2.s-lib-box-title { color:#333; }


.page a, .page a:visited { 
	color:black;
	background-color:transparent;
	text-decoration:underline;
	text-decoration-color:#dedede;
	}
.page a:hover { 
	color:red;
	background-color:transparent;
	 }


nav.bg-dark { 
	color:white;
	background-color: #4c4c4c;
	background-image: linear-gradient(#4c4c4c, #131313);
	}

.navbar-dark .navbar-brand, 
.navbar-dark .navbar-toggler, 
.navbar-dark .navbar-nav .nav-link, 
.navbar-dark .navbar-nav .nav-link:visited,
.navbar-dark .navbar-nav .nav-link:active  { 
	color:#ffffff!important;
	background-color:transparent;
	}

.navbar-dark .navbar-nav .nav-link:hover { background-color:#ad0000; }


@media screen { 
	
	.page nav.az, .page nav.az a { 
		background-color:#333;
		color:white;
		}
	.page nav.az a:hover { 
		background-color:white;
		color:black;
		}
}

.alert-info { 
	color:black;
	background-color:rgba(0, 0, 0, 0.05);
	border:2px solid #fd8913;
	}

#awards .work .title a { 
	color:black;
	background-color:transparent;
} 

#awards tbody  { 
	border:1px solid #ccc;
	}



.btn { 
	border: 1px solid #555;
}

.btn-primary { 
	color: white!important;
	background-image: linear-gradient(#333333, #555555);
	border-color:#111111;
	text-shadow: 1px 1px #000000;
	text-decoration:none;
}


.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:focus {
	background-image: linear-gradient(#ad0000, #9a1220);
	border-color: #920000;
}

.btn-secondary { 
	background-color: #3E4347;
	background-image: linear-gradient(#6C757D, #3E4347);
	border-color: #3E4347;
	color: white!important;
	text-shadow: 1px 1px #000000;
}
.btn-secondary:hover, 
.btn-secondary:active, 
.btn-secondary:focus {
	background: #3E4347;
	background-image: linear-gradient(#3E4347, #1F2124);
	border-color:#1F2124;
	color:white;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.btn-danger { 
	background-color: #AD0000;
	background-image: linear-gradient(#AD0000, #630000);
	border-color: #630000;
	color: white!important;
	text-shadow: 1px 1px #000000;
}

.btn-danger:hover, 
.btn-danger:active, 
.btn-danger:focus {
	background: #DB0000;
	background-image: linear-gradient(#DB0000, #AD0000);
	border-color:#AD0000;
	color:white;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

.profileSchedule button { 
	background:none #006F68;
	color:#fff;
	width:100%;
	border:none;
	text-shadow: 1px 1px 1px #333;
}

.request .fa { 
	color: rgba(250,250,250, 1);
	background-color:transparent;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.s-lib-box { border: 1px solid #ccc; }


.profile-box { border:1px solid #ccc; }

.profile-box img {  border:1px solid #ccc; }

#aboutAward a, 
#aboutAward a:visited { 
	text-decoration:underline;
	color:black;
	background-color:transparent;
	 }
#aboutAward a:hover { 
	background-color:rgba(255,255,255,.3);
	background-color:transparent;
	}

.page-item.active .page-link { 
	background-color:#384C56;
	border-color:#384c56;
	text-decoration:none;
	}

.pagination a:hover { 
	color:#384C56;
	text-decoration:underline;
	}

table#works-datatable thead th { border-top:1px solid rgba(0, 0, 0, 0.3); }

#works-datatable.table-hover tbody tr:hover td { background-color: #d2e8e5;}

#works-datatable_paginate .pagination a:hover, 
#works .dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
#works-datatable_paginate .pagination li:hover a, 
#works-datatable_wrapper .pagination a:hover  { 
	color:white!important;
	background:linear-gradient(to bottom, #585858 0%, #111 100%);
	text-decoration:none;
	 } 

#works-datatable_paginate li.paginate_button.active, 
#works-datatable_paginate li.paginate_button.active a, 
#works-datatable_wrapper li.paginate_button.active, 
#works-datatable_wrapper li.paginate_button.active a { 
	background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
	color:white!important;
	outline:transparent;
	text-decoration:none;
	}





#worksSearch { 
	background-color:#D2E8E5;
	border:1px solid #cadae7; 
} 

.bottom { margin-top:.5rem; }

.dataTables_wrapper .dataTables_paginate .paginate_button:active { 
	background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
	color:white;
	}
.page .dataTables_wrapper .dataTables_paginate .paginate_button:active a { 
	text-decoration:none;
	}

#results tbody { border:1px solid #ccc; }


/*              HEADER                 */


#bs5-header { background-color:#ad0000; color:white;}

div#nav0-wrap { 
	display: flex;
	justify-content: space-between;
	width:100%;
}
#bs5-header svg#uofl-logo-white { width:10rem; height:2.15rem; }
#bs5-header #uofl-logo-white path { fill:white; }

#bs5-header a.navbar-brand { padding-bottom:.5rem;}
#bs5-header a.navbar-brand:hover { border-bottom:1px solid white; }

#bs5-header .wrap { 
	display:flex;
	flex-wrap:wrap;
	flex-direction: column;
	align-items: end;
	margin-top:-.4rem;
}

#bs5-header a { color:white; background-color:transparent; text-decoration:none; }
#bs5-header a:hover {  text-decoration: underline; }
#bs5-header a:focus { outline-color:white; outline-offset:0.1rem;}
.hide-xs { display:none; }

@media (min-width:992px) {
	.hide-xs { display:inline; }
}


/*              LAYOUT                 */

.container-fluid {
	padding-left:1.5rem;
	padding-right:1.5rem;
	}

body .form__field__label, 
body blockquote, 
body figcaption, 
body li, body p, body textarea { 
	line-height:calc(1.5rem + .2vw);
	word-break:break-word;
	}

ol, ul { 
	padding:0;
	margin:1rem 0;
	max-width:100%;
	}


.flex { 
	display:flex;
	}


button, .btn { border-radius:.375rem; }

.form-group { margin-bottom:1rem; }

#newWork .form-group {
	display: grid;
	grid-template-columns: 12rem 1fr;
	gap:1rem;
}

#newWork .form-group.actions {
		display:flex;
		margin-left:13rem;
	}

/*              FOOTER                 */

div#uofl-unit-footer {
	padding:0 1.5rem;
}

footer a:focus, 
footer .btn:focus { 
	outline:3px dashed white!important; 
}
#s-lib-footer-public { background-color:white;}

footer button.btn.btn-footer { 
	font-size:1.15rem; 
	font-weight:500;
	color:white; 
	text-transform:uppercase;
	text-align:left; 
	display: flex;
	gap:1rem;
	justify-content: space-between;
	align-items:center;
	max-width:28rem;
	background-color:black!important;
	background-image:none;
}
footer button.btn.btn-footer:focus { background-color:black; }
footer footer button:focus { 
	outline:2px dashed white!important; 
	box-shadow:none; 
}



#libs_unit_footer { 
	background-color:#444;
	color:white;
}
#libs_unit_footer_name { font-size:1.2rem; }

#libs_unit_footer_name a { 
	color:white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
}
.libs_unit_address { font-size:1.1rem; }

footer a#libs-logo-link { 
	margin-bottom:2rem; 
	padding:.5rem; 
	display:flex; 
	width:19rem
}

.footer-unit-wrap {  padding-bottom:4rem; }

.footer-contacts { 
	display: flex;
	flex-direction:column;
}

.footer-libs-links { 
	display:flex;
	flex-direction: column;
}
footer .card.card-body { 
	margin-top:0; 
	background-color:transparent; 
	border:none; 
	box-shadow:none; 
}
ul.ulibs_footer_menu.circle {
	display:flex; 
	flex-direction:column; 
	align-items:flex-start; 
	padding-left:1.1rem; 
}
ul.ulibs_footer_menu.circle li { 
	list-style:none; 
	position:relative; 
	padding-left:1.8rem; 
	display:flex; 
	align-items:center; 
	margin-bottom:.5rem; 
}
ul.ulibs_footer_menu.circle li:before { 
	content: ""; 
	position:absolute; 
	left:0; 
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	border: 4px solid white;
	background-color: transparent;
	top: 50%;
	transform: translateY(-50%);
}

footer li { color: #ccc; }
footer .card a { 
	color:white; 
	text-decoration:none;
}
footer .card a:hover { 
	text-decoration: underline;
}

footer .card a:focus {
	background-color:#ad0000; 
	color:white;
}
footer a.icon-circle {
	width:3rem; 
	height:3rem; 
}
footer .card .sm a:focus {
	background-color:white;
}
svg#uofl-logo-footer1 { 
	width:18.2rem; 
	height:4.02rem; }

#uofl-footer { 
	background-color:black; 
	padding:2.5rem; 
	color:white; 
}
#uofl-footer .list1 a { color:white; text-decoration:none; }
#uofl-footer .list1 a:hover { color:#fff1cc; text-decoration: underline; }


.sm { 
	display:flex; 
	margin-left:1.2rem; 
}

.sm-item { margin-right:.5rem; }

.icon-circle{
  white-space: nowrap;
  overflow:hidden; 
  position:relative;
  z-index:1;
  width:4rem;
  height:4rem;
  border-width:2px;
  border-style:solid; 
  border-radius:50%; 
  transition: background-color .1s ease; 
  font-size:0; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-circle::before{
  background-position:50% 50%;
  background-repeat:no-repeat;
  content: '';

  font-size:0;
  display:block;
  position:absolute;
  left:50%;
  top:50%; 
  transform: translate(-50%, -50%);
  width:2rem; 
  height:2rem;
  background-size:2rem 2rem;
}


.icon-circle.facebook { border-color:#3b5998; background-color:#ffffff;}
.icon-circle.twitter { border-color:#55acee; }
.icon-circle.instagram { border-color:#ff5d40; background-color:#ffffff;}
.icon-circle.flickr { border-color:#4A62A8; background-color:#ffffff;}
.icon-circle.wp { border-color:#ff5d40;  background-color:#ffffff; }
.icon-circle.more-sm { border-color:#55acee; background-color:#ffffff;}

a.icon-circle:hover { border-color:#000000;}

.icon-circle.facebook path { fill:#3b5998!important; }
.icon-circle.facebook:hover { background-color:#3b5998; }
.icon-circle.facebook:hover path { fill:#fff!important; }

.icon-circle.twitter { display:flex; justify-content:center; align-items:center; background-color: white }
.icon-circle.twitter path { fill:#000000; }
.icon-circle.twitter:hover path { fill:#ad0000!important; }

.icon-circle.instagram { background-color:#FFF7D5;}
.icon-circle.instagram:hover { background-color:#FFF7D5;  }

.icon-circle.flickr circle { fill:#ffffff!important; }
.icon-circle.flickr:hover circle { fill:#fff7d5!important; }
.icon-circle.plus {
  color:black;
  font-size:3rem; 
  font-weight:bold;
  text-decoration:none; 
}

a.icon-circle.plus:hover { background-color:#000; }
a.icon-circle.plus:hover span { color:white; }

#uofl-footer-wrap {
	background-color:#ad0000; 
	background-image:url("/images/minerva.png"); 
	background-repeat:no-repeat; 
	border:none; 
	margin-bottom: 0; 
}

div#uofl-footer > div { 
	display:flex; 
	justify-content:space-between; 
	flex-wrap:wrap; 
	width:100%;
	flex-direction: column;
}
#uofl-footer ul.list1 { list-style-type:none;}


@media (max-width:767.9px) {
		#s-lg-guide-footer-meta .container { flex-direction:column; }
	#libs_unit_footer {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

}

@media (max-width: 991.9px) {

	#libs_unit_footer_name {
		display:flex;
		padding:1rem .5rem; 
	}
	.libs_unit_address { 
		width:20rem;
		margin:0 2rem 1rem;
	}
	
	.footer-links { 
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#footer-library-links {
		display: flex;
		flex-direction:column;
		align-items: flex-start;
	}
	.footer-contacts, 
	.footer-libs-links {
		margin-bottom:1rem;
	}
	#s-lib-footer-login-link { padding:0;}

	footer button.btn.btn-footer:hover { background-color: #000; }
}


@media (min-width:768px) {
	div#uofl-footer > div {
		flex-direction: row;
	}
	#uofl-footer ul.list1 { 
		margin-top:0;
		flex-direction: row;
	}
}

@media (min-width: 768px) and (max-width: 991.9px) {
	footer .navbar-toggle { display:block!important;}
	footer .collapse { display:none!important; }
    footer .collapse.show { display: block !important; }
	.footer-unit-wrap { 
		display: flex;
		gap:3rem;
		padding-top:1rem; 
		grid-template-columns: 25rem 1fr;
	}
}


@media (min-width:992px) {

	#music1 { padding:0 2rem 2rem 1rem;}
	#libs_unit_footer_name {
		line-height:1.15;
		width:20rem;
	}
	.footer-unit-wrap {
		width:100%;
		display: grid;
		grid-template-columns: 17rem 1fr;
		padding-bottom:0;
	}
	.footer-unit-wrap .footer-links {
		display:grid;
		gap:2%;
		grid-template-columns: 35% 29% 32%;
	}
	.footer-libs-links { min-width:18rem; }

	
	.footer-unit-wrap button.btn.btn-footer {
		background-color:transparent!important;
		border:none;
		text-shadow: none;
		padding-bottom:0;
		padding-top:0; 
		margin-top:0;
		text-align:left; 
		display: block;
	}

	footer button.navbar-toggle .fa-angle-down { display:none; }

	li#s-lg-guide-footer-updated { width: calc(100% - 11.8rem); }
	footer .collapse { display:block; }

	footer .card.card-body { padding-top:0;}

	.sm { padding-top:.5rem;}

}

@media (min-width:1200px) {

	.footer-unit-wrap { 
		gap:5rem;
		padding-top:2rem;  
	}
	
	.footer-unit-wrap .footer-links { 
		grid-template-columns: 32% 32% 32%;
	}

	.footer-links .sr-only { position:relative; }
	.footer-links .sr-only.no-really { position:absolute; }
	.footer-library-links { 
		width:100%; 
		display:flex; 
		justify-content:space-around; 
	}
	.footer-unit-wrap i { display:none; }
	.footer-unit-wrap .collapse { display:block; }
	.footer-unit-wrap .btn-footer { 
		padding-top:0; 
		line-height:1;
	}
	a#libs-logo-link { margin-right:6rem; }
	#follow-us button { padding-left:0; }
	ul#s-lg-guide-footer-attributes { padding-left:0; }


}

/* PAGE SETTINGS */



@media screen { 
	.page {
		margin-bottom:10rem;
		margin-top:2rem;
		padding-bottom:2rem;
	} 
}


/* NAVBAR */

body ul.navbar-nav { 
	margin:0;
	}

@media (min-width:768px) {
	.navbar-expand-md .navbar-collapse { justify-content: flex-end; } 
}


/* PAGE TITLE  W SEARCH */
#titleSearch { 
	display:flex;
	margin-bottom:1rem;
	flex-direction:column-reverse;
} 
	
#titleSearch form { 
	margin-bottom:1rem;
	text-align:right;
	}



/*NAV AZ */

@media screen { 
	
	.page nav.az { 
		display:flex;
		flex-wrap:wrap;
		}
	.page nav.az a { 
		padding:.2rem;
		margin:.3rem;
		text-decoration:none;
	 	}
}

/* ABOUT */
#about h2 { 
	margin-top:2rem;
	}


/* ALERT */

.alert-info { 
	border-radius:0;
	}

/* AWARD WINNERS */
#awards thead th {
	border-top:none;
	}
#awards .cn { 
	font-weight:700;
	} 
#awards .work .title a { 
	font-style:italic;
} 
	
#awards .table th { 
	border-top:0;
	}




/* BUTTONS */
.page a.btn { 
	text-decoration:none;
	}


a.btn { 
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  transition: all 20ms ease-out;
  vertical-align: top;
}

a.request { 
	display:flex!important;
	align-items:center;
	justify-content: space-around;
	white-space:nowrap;
	width:10rem;
	 }





/* COMPOSERS */
#composersWorks { 
	margin:1rem;
	}




.s-lib-box-content { 
	padding:1rem;
	}
h2.s-lib-box-title { 
	border-bottom:0;
	padding:2rem 2rem 0;
	}
.profileSchedule button { 
	width:100%;
	border:none;
	letter-spacing:.1rem;
	line-height:1.2;
	padding:.5rem;
	 }
.profileSchedule button:hover { opacity:0.9; }

.profile-box { max-width: 270px; }
.profile-box h3 { 
	display:none;
	padding:1rem;
	margin-bottom:0;
	white-space:nowrap;
	text-align:center;
	}
.profile1.flex { 
	flex-direction:column;
	align-items:center;
	padding:1rem;
	padding-top:0;
	}
.profile1 .pic { margin-top:1rem;	}
.profile1 p { 	margin-bottom:.5rem; }

#matt { max-width:30rem; }



/* HOME PAGE */
#aboutAward { 
	font-weight:400;
	max-width:40rem;
	  }
#aboutAward h1 { margin-bottom:1.5rem; 	}

#homeSearch { margin:1rem 0 2rem; 	}
#homeSearch form { 	height:2.6rem; 	}

#homeSearch #query { 
	width:calc(100% - 6rem);
	border-radius: 5px 0 0 5px;
	border:0;
} 
	

#homeSearch input[type="submit"] { 
	border-radius: 0 5px 5px 0;
	border: 0;
	padding: .5rem 1rem;
	margin-left: -.5rem;
	display: inline-block;
	text-align: center;
} 
	
div#homeSearchTip { margin-left:1rem; 	 }


#homeSearch #query, #homeSearch input[type="submit"] { height:100%; }
#homeSearch #query { 
	padding:0 1rem;
	height:calc(100% - 1px);
	}




/* IMAGES */
svg.icon { width:16px; }


/* LOGIN */
#login h1 { margin-bottom:1rem; }
#login .form-check { margin-bottom:1rem; }



/* PAGINATION */

nav.pagination { 
	justify-content:flex-end;
	width:100%;
	padding-bottom:2rem;
	}

.pagination .page { margin:0 .5rem; }

ul.pagination { margin:0; }

#works-datatable_wrapper .dt-length label { margin-right:1rem; }

#works-datatable_wrapper ul.paginate a { 
	text-decoration:none;
	padding: 0 .5rem;
	}

#works-datatable_paginate { 
	padding-top:0;
	}
#works-datatable_wrapper>.row:nth-of-type(3) { 
	width:100%;
	display:flex;
	align-items:baseline;
	margin-bottom:2rem;
	margin-left:0;
	}

.dataTables_wrapper .dataTables_paginate .paginate_button { 
	padding: 0;
	margin: 0 .2rem;
} 
	




/* PRIVACY */
#privacy h1 { margin-bottom:1rem; }
#privacy .flex h2 { white-space:nowrap; }



/* RESULTS */
#results { margin-top:2rem; }
#results th { border-top:0; }
#results th.cn { white-space:nowrap; }
#results .notes { display:none; }
#results caption { caption-side:top; }


/* WORKS */

/* HIDE COLUMNS FOR PUBLIC VIEW */
body.public #works-datatable colgroup, 
body.public #works-datatable th.composerHTML, 
body.public #works-datatable tbody td:nth-of-type(3), 
body.public #works-datatable th.titleHTML, 
body.public #works-datatable tbody td:nth-of-type(5), 
body.public #works-datatable th.notes, 
body.public #works-datatable tbody td:nth-of-type(6), 
body.public #works-datatable th.edit, 
body.public #works-datatable tbody td:nth-of-type(7) { 
	display:none;
	}

/* HIDE REQUEST COLUMN FOR LOGGED IN USERS */
body.loggedIn table#works-datatable th.request,
body.loggedIn table#works-datatable tbody td:last-of-type { 
	display:none;
	}


#works table.dataTable thead th, #works table.dataTable thead td { 
	border-bottom:none;
	vertical-align:middle;
	}

.loggedIn .table thead th { vertical-align:middle; }


div#works-datatable_wrapper>div.row:first-of-type { 
	width:100%;
	display:flex;
	flex-direction:row-reverse;
	margin-left:0;
	margin-right:0;
	margin-bottom:1rem;
} 
	
#works .table-responsive { overflow-x:visible; }

table#works-datatable { width:100%!important; }



#works select.form-control.input-sm { margin:0 .5rem; }


div#works-datatable_filter, .dataTables_length { 
	margin-right:1rem;
	margin-bottom:1rem;
	}

div#works_top_buttons { 
	display:flex;
	flex-direction:row-reverse;
	}
.export { margin-right:1rem; }

body.public #filter_compHTML, 
body.public #filter_titleHTML, 
body.public #filter_notes { display:none; }


#worksSearch { 
	margin-bottom:1rem;
	padding:1rem;
} 
	
#worksSearch label { 
	white-space:nowrap;
	margin-right:2rem;
	width:16rem;
	}
#filter_global, 
.adv_filter { 
	display:flex;
	align-items:center;
	width:100%;
	margin-bottom:.5rem;
	}
#adv_link, 
#keyword_link { 
	margin-left:16rem;
	text-decoration:underline;
	}
#adv_link:hover, 
#keyword_link:hover { cursor:pointer; }

#works-datatable_wrapper .top { margin-bottom:1rem; }
#works-datatable_wrapper .top #works-datatable_length select { padding:0; } 




/* EDIT WORK */

#editWork>form { margin-top:2rem; }
#editWork>form .form-group { display:flex; }
#editWork>form .form-group:last-of-type { display:block; }
#editWork>form .form-group label { 
	white-space:nowrap;
	min-width:10rem;
	}
#editWork>form [type="submit"] { margin-left:10rem; }


/* SHOW */

#showWork .actions { text-align:right; }
#showWork h1 { margin-bottom:2rem; }
#showWork .field {
	display:flex;
	margin-bottom:1rem;
	}
#showWork h2 { min-width:13rem; } 
	




/* RESPONSIVE */


@media (max-width:767.99px) {
	.flexM { flex-direction:column; }
	a.button.request { 
		margin-top:.5rem;
		width:max-content;
	} 
	.page { padding-bottom:10rem; }	

	#awards .legend { display:none; }
	#awards tr { padding:1rem; }

	#works-datatable_wrapper .top { 
		width:100%;
	}
	#works .table-responsive { padding-bottom:6rem; }
	#works-datatable tr { padding:1rem;	}
	table.dataTable thead th, 
	table.dataTable thead td { 
		border-bottom:none;
		width:90%!important;
	} 
	
	.table-bordered th, .table-bordered td { border:none!important;	}
	table.dataTable tbody th, 
	table.dataTable tbody td { padding:0 1rem; }
}

@media screen and (max-width:767.99px) {
	#works-datatable tr, #awards tr { 
		display:flex;
		flex-direction:column;
		padding: 0 1rem;
		border-top:none;
		border-bottom:none;
	 }

}

@media (min-width:768px) {
	body { font-size: 107%;	} 
	
	#login { height:25rem; }
	.flex { 
		flex-direction:row;
		flex-wrap:nowrap;
	}
	.flexM > div { 
		margin-right:2rem;
	}
	.flexM > div:last-of-type { 
		margin-right:0;
	}
	.top div#works-datatable_paginate, 
	.bottom .dataTables_paginate.paging_simple_numbers { 
		height:fit-content;
		margin-top:.2rem;
	 }
	#works-datatable_wrapper .top #works-datatable_length { margin-bottom:-.5rem; }
	#privacy .flex > div:first-of-type { margin-right:2rem;	}
}

@media screen and (min-width:768px) {
	#works-datatable_wrapper .top, 
	div#works-datatable_wrapper .bottom { 
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	#titleSearch { 
		justify-content:space-between;
		flex-direction:row;
	} 
	 
	#works-datatable_wrapper .top { 
		align-items:flex-end;
	} 
	
	#works-datatable_wrapper .bottom { 
		align-items:flex-start;
	} 
	
	.page nav.az { 
		justify-content: space-around;
	} 
	
}


@media (min-width:576px) and (max-width:991.99px) { 
	
	.container {
		max-width:unset;
	 }
		
}

@media (min-width:992px) {
	#composersWorks { column-count:3; }
}

@media screen {
	#printHeader { display:none; }
}
@media print {
	body { margin:.5in;	}
	#printHeader { font-weight:bold; }
	.container.page { 
		margin-left:0;
		padding-left:0;
	}
	h1 { font-size:1.5rem; }
	#works h1, 
	#worksSearch, 
	#works .top, 
	#works .bottom, 
	.page nav.az { 
		display:none!important;
	}
	table#works-datatable th.request, 
	table#works-datatable tbody td:last-of-type,
	table#awards th.request, 
	table#awards tbody td:last-of-type { 
		display:none;
	}
	table.dataTable thead .sorting, 
	table.dataTable thead .sorting_asc, 
	table.dataTable thead .sorting_desc { 
		background-image:none;
	}
	
	#contact { 
		display:flex;
		flex-wrap:wrap;
	}
	#contact div { margin-right:3rem; }
	#works-datatable, #awards { display:table!important; }
	#works-datatable tr, 
	#awards tr { 		display:table-row!important;
	}
	#works-datatable .th, 
	#works-datatable .td { display:table-cell!important; }
	table#works-datatable th.cn, 
	table#works-datatable tbody td:first-of-type { width:14%!important; }
	table#works-datatable th.composer, 
	table#works-datatable tbody td:nth-of-type(2) { width:20%!important; }
	#works tr { 
		border-bottom:1px solid #ccc;
	} 
	
	#works th, #works td { font-size:11pt; }
	table.dataTable tbody th, 
	table.dataTable tbody td { padding:.3rem 1rem; }
	#composersWorks { margin:0; }

	.loggedIn #works_top_buttons { display:none; }
	.loggedIn #works-datatable th.composerHTML, 
	.loggedIn #works-datatable tbody td:nth-of-type(3), 
	.loggedIn #works-datatable th.titleHTML, 
	.loggedIn #works-datatable tbody td:nth-of-type(5), 
	.loggedIn #works-datatable th.edit, 
	.loggedIn #works-datatable tbody td:nth-of-type(7), 
	.loggedIn table#works-datatable th.request,
	.loggedIn table#works-datatable tbody td:last-of-type { display:none; }

}