@import url('https://web-archive.nli.org.il/National_Library/cs_/https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&display=swap');
	@font-face { font-family: 'Chunk'; font-weight: bold; src: url('fonts/chunk5.woff') format('woff'); }

   /* resets */

   *, *::before, *::after { box-sizing: border-box;  }
	* { margin: 0; :focus { outline: none; } }
   html, body { height: 100%; }
   body { line-height: 1.5; }   
	body > footer { position: sticky; top: 100vh; }
   table { border-collapse: collapse; }
	img, picture, video, canvas, svg { display: block; max-width: 100%; }
   sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }
   sub { top: 0.4em; }
	p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
   input, button, textarea, select { font: inherit; }
	select, input[type=checkbox] { cursor: pointer; }
	textarea { white-space: revert; }
	
	/* structure */
	
	body, html { height: 100vh; }
	body 
	{ 
		color: #000000; background-color: #FFFFFF; margin: 0; padding: 0 0 60px 0;
		font: 400 normal 16px/1.5 'Montserrat', sans-serif; text-align: center;
	}
	body.modal-open { overflow: hidden; }
	.container, .frame { max-width: 1800px; margin: 0 auto; text-align: left; }
	.frame { padding: 0 60px 30px 60px; }
	.container 
	{ 
		display: flex; min-height: calc(100vh - 450px); align-items: flex-start; z-index: 10; 
		max-width: 1800px; margin: 0 auto; text-align: left; 
	}
	.content { width: calc(100% - 340px); padding: 0 60px; }
	.rule { height: 1px; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.25); }	
	section { margin: 0 0 50px 0; clear: both; }
	.hero 
	{ 
		position: relative; width: 100%; height: calc((100vw - 460px) * 0.52); max-height: calc(100vh - 280px);
		background: transparent url('images/kent2.jpg') center center no-repeat;
		background-size: cover; border-radius: 10px; margin-bottom: 30px;		
	}	
	.nohero { display: block; margin: 0 0 30px 0; border-radius: 10px; width: auto; max-width: 100%; height: auto; }
	.sideimage { width: 33%; height: auto; border-radius: 5px; }
	
	.has-side { display: flex; align-items: flex-start; gap: 50px; }
	.right { float: right; width: auto; height: auto; max-width: 40%; margin: 0 0 30px 30px; }
	@media screen and (max-width: 900px) 
	{ 
		.has-side { flex-wrap: wrap; }
		.has-side section { order: 2; width: 100%; }
		.has-side .sideimage { order: 1; width: 50%; }
	}
	


	/* type */
	
	p { margin-bottom: 1.5em; }
	b { font-weight: 700; }
	.intro, .welcome { font-size: 18px; }
	h2 { font-weight: 400; font-size: 36px; line-height: 1.2; margin-bottom: 15px; letter-spacing: -.01em; }
	h2 .subtitle { display: block; font-weight: 300; font-size: 60%; margin-top: 0.2em; letter-spacing: 0; }
	h3 { font-weight: 700; font-size: 18px; line-height: 1.2; margin: 0 0 10px 0; color: #CC7700; }
	.cell h3 { color: inherit; }
	@media screen and (max-width: 1250px) { h3 { font-size: 18px; margin-bottom: 5px; } }
	
	h4, h4 select
	{ 
		font-weight: 700; font-size: 22px; line-height: 1.2; margin: 60px 0 15px 0; 
		padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.25); color: #CC7700;
	}
	h4 select { border: 1px solid rgba(0,0,0,0.5); padding: 3px; margin: 0; }
	h4.highlights { margin-top: 0; }
	h4.undivided { border: none; padding-bottom: 0; }
	h6 { font-weight: 600; font-size: 14px; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.2em; color: #CC7700; margin: 0 0 8px 0; }
	.content ul { margin: 0 0 1em 0; }
	ul.infoline { margin: 0 0 1em 0; padding: 0; list-style-type: none; }
	ul.infoline li { margin: 0 1em 2px 0; display: inline-block; white-space: nowrap; }
	ul.infoline li span { font-weight: 500; }
	
	.dot { display: inline-block; margin: 0 0.25em; opacity: 0.5; font-weight: 400; }
	.dot:before { content: "\00B7"; }

	.columnar, .columns { clear: both; }
	@media screen and (min-width: 1500px) { .columnar { columns: 2; column-gap: 50px; } }
	@media screen and (min-width: 900px) { .columns { columns: 2; column-gap: 50px; } }
	@media screen and (min-width: 1200px) { .columns { columns: 3; } }
	@media screen and (min-width: 1600px) { .columns { columns: 4; } }
	.blockpart { break-inside: avoid; margin-bottom: 1rem; }
	
	/* notifications */
	
	.notices { margin-bottom: 30px; }
	.notice { padding: 5px 10px; color: #FFFFFF; background-color: #1e5c7e; margin: 0 0 10px 0; }
	
	/* links, buttons, form controls */
	
	fieldset { margin: 0 0 20px 0; padding: 0; border: 0; }
	fieldset label { color: #000000; font-size: 16px; font-weight: 600; display: block; margin: 0 0 5px 0; padding: 0; display: block; }
	fieldset img { width: 100%; height: auto; }
	fieldset input, fieldset select, fieldset textarea 
	{ 
		border: 0; padding: 5px; color: #000000; background-color: #F3F3F3; border-radius: 5px; width: 100%;
	}
	fieldset input[type=checkbox] { width: auto; }
	fieldset.required label:after
	{
		content: "(required)"; display: inline-block; margin-left: 0.5em; font-weight: 400; font-style: italic; color: #CC7700;
	}
	.fieldsets { display: flex; align-items: flex-start; }
	.fieldsets fieldset { flex-basis: 50%; flex-shrink: 1; }
	.fieldsets.wrap { flex-wrap: wrap; }
	label { white-space: nowrap; }
	fieldset.multiple label { display: inline-block; margin-right: 1rem; font-weight: 300; }
	
	.imagepreview { display: block; width: 100%; height: 25vw; background-position: left center; background-size: contain; background-repeat: no-repeat; }

	a { color: #2193D1; text-decoration: none; font-weight: 500; }
	a:hover { color: #CC7700; }
	.btn, a.btn
	{ 
		color: #FFFFFF; background-color: #60aed9; display: inline-block; font-size: 18px; line-height: 1; padding: 6px 12px; margin: 0 6px 6px 0;
		border-radius: 5px; font-weight: 500; border: 0; cursor: pointer;
	}
	.btn:hover, a.btn:hover { color: #FFFFFF; background-color: #CC7700; }
	.tag, a.tag
	{ 
		color: #FFFFFF; background-color: #60aed9; display: inline-block; font-size: 15px; line-height: 1; padding: 5px 10px; margin: 0 5px 5px 0;
		border-radius: 5px; font-weight: 500; text-transform: lowercase;
	}
	.tag:hover, a.tag:hover { color: #FFFFFF; background-color: #CC7700; }
	.tag.inline { padding: 3px 5px; margin-bottom: 0; }
	
	/* browse bar */
	
	.browser 
	{ 
		color: #FFFFFF; background-color: #186996; width: 340px; align-self: stretch; border-radius: 10px; margin-right: 60px; overflow: hidden; 
		flex-grow: 0; flex-shrink: 0;
	}
	.browser .inner, .browser .search-control { padding: 30px; }
	.browser .search-control 
	{ 
		background-color: #8BC63E; border-radius: 10px 10px 0 0; cursor: pointer; display: flex; align-items: center; width: 100%;
		justify-content: space-between;
	}
	.browser .search-control:hover { background-color: #60aed9; }
	.browser .search-label { font-size: 18px; line-height: 1; font-weight: 500; color: #000000; }
	.browser .search-label .l1 { font-size: 30px; line-height: 1; font-weight: 700; margin-bottom: 5px; color: #FFFFFF; letter-spacing: 1px; }
	.browser .search-label .l2 { font-size: 18px; line-height: 1; font-weight: 500; color: #000000; }
	.browser .search-label .l2 .amp { font-weight: 400; opacity: 0.75; }
	.browser .search-control svg { height: 40px; width: auto; }
	.browser a { color: #FFFFFF; font-weight: 400; }
	.browser a:hover { color: #9ECBE4; }
	.browser h3 { color: #FFCC00; font-size: 24px; padding-top: 30px; margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.5); }
	.browser ul { margin: 0.5em 0; padding: 0; list-style-type: none; }
	.browser li { margin: 0; padding: 0; }
	.browser li a { display: block; padding: 6px 0; line-height: 1.2; }

	/* grids */

	.cells { display: flex; gap: 30px; flex-wrap: wrap; margin: 30px 0 0 0; }
	.cell { width: calc(25% - 23px); }
	.cell.double { width: calc(50% - 15px); }
	.cell.third, .cells3 .cell { width: calc(33.333% - 20px); } 
	.cell.full { width: 100%; }
	.cell { padding: 20px; background-color: #F3F3F3; border-radius: 10px; }
	a.cell { background-color: #e6f3fb; }
	a.cell:hover { background-color: rgba(204,119,0,0.2); }
	.cell ul, .cell .info { color: #000000; font-size: 15px; }
	.cell ul { margin: 0.5em 0 0 0; padding: 0; list-style-type: none; }
	.cell li { margin: 0 0 6px 0; line-height: 1.2; }
	.cell .img 
	{ 
		width: 100%; height: 0; padding-top: 56%; margin-bottom: 15px; border-radius: 10px; 
		background-position: center center; background-repeat: no-repeat; background-size: cover;
	}
	.cells.connected .double .img { padding-top: 28%; }
	.bgimage { background-position: center center; background-repeat: no-repeat; background-size: cover; }
	.cell.bgimage img { visibility: hidden; }
	.video { position: relative; }
	.video::after 
	{ 
		position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url('images/icons/play.svg') center center no-repeat;
		background-size: 60px auto; content: ""; cursor: pointer;
	}
	.cell.image, .cell.video { padding: 0; position: relative; cursor: pointer; }
	.cell.image img, .cell.video img { border-radius: 10px; }
	.cell.image .info, .cell.video .info 
	{ 
		position: absolute; bottom: 0; left: 0; right: 0; padding: 35px 15px 15px 15px; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75)); 
		opacity: 0; transition: 0.2s opacity ease-in; color: #FFFFFF; border-radius: 0 0 10px 10px;
	}
	.cell.image.artist .info { opacity: 1; color: #FFFFFF; }
	.cell.image:hover .info, .cell.video:hover .info { opacity: 1; }
	.cell.video::after, .cell.video-still::after 
	{ 
		position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url('images/icons/play.svg') center center no-repeat;
		background-size: 40px auto; content: ""; 
	}
	.cell.audio .info:before
	{
		display: inline-block; width: 20px; height: 20px; margin: 0 8px 0 0; position: relative; top: 5px; content: "";
		background: transparent url('images/icons/waveform.svg') center center no-repeat; background-size: contain;
	}
	.cell.bgimage h3 { color: #FFFFFF; margin: 0; }

	/* floating toolbars */
	
	.bar 
	{ 
		position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 20px; display: flex; gap: 10px; justify-content: space-between; 
		color: #FFFFFF; background-color: #3d3532; position: fixed; z-index: 150; 
	}
	.bar-user { text-align: left; }
	.bar-user .roster { color: #FFCC00; }
	.bar-controls { text-align: right; }
	.bar-controls a { font-weight: 500; }

	/* ui: sortable */
   
   .ui-widget { font-size: 18px; font-weight: 400; }
   .sortable { list-style-type: none; margin: 20px 0px; padding: 0px; }
   .sortable li { position: relative; padding: 10px 20px; background-color: rgba(152,133,126,0.4);
      margin: 10px 0px; cursor: grab; display: flex; justify-content: space-between; align-items: center; }
   .sortable li::before, .sortable li::after 
   {
      display: block; content: '';
      position: absolute; width: 8px; top: 3px; bottom: 3px; opacity: 1; background-position: top left; background-repeat: repeat;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAg\
         \MCA2IDYiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PC9zdmc+Cg==');
   }
   .sortable li::before { left: 3px; }
   .sortable li::after { right: 3px; }
   .sortable li .img 
   { 
      height: 60px; width: 180px; background-position: center center; padding-top: 0px;
      background-repeat: no-repeat; background-size: contain;
      margin-right: 20px; flex-shrink: 0; flex-grow: 0;
   }
	.sortable li .img.audio { align-self: center; text-align: center; height: auto; }
   .sortable li span { margin-right: 10px; flex-grow: 1; font-size: 95%; line-height: 125%; }
   .sortable li > a { flex-grow: 0; padding-right: 10px; }
   .sortable li.inactive a { opacity: 0.6; }
   .sortable li span.type { flex-grow: 0; flex-shrink: 0; width: 120px; }
   .sortable li span.controls { flex-grow: 0; flex-shrink: 0; text-align: right; flex-basis: 200px; font-size: 19px; white-space: nowrap; margin: 0; }
	.sortable li span.itype { text-align: right; }
	.sortchange { display: none; }
	.sortchange.active { display: block; }
	.lc { display: none; }
	
	/* bottom of page navigation */
	
	#downbar 
	{ 
		position: fixed; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1800px; padding: 0 60px; margin: 0 auto; z-index: 200; 
		display: flex; justify-content: space-between; align-items: flex-end;
	}
	#downbar .inner { text-align: left; display: flex; align-items: flex-end; }
	.downtab 
	{ 
		color: #FFFFFF; background-color: #186996; border-radius: 10px 10px 0 0; display: inline-block;
		overflow: hidden; position: relative; bottom: 0; 
		cursor: pointer; font-weight: 500; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); margin-right: 15px;
	}
	.downtab.offstage { bottom: -60px; }
	.downtab, .downtab .ibox, .downtab .label { transition: 0.1s all ease-out; }
	.downtab.inactive { bottom: -60px; }
	.downtab.visit { background-color: #14a783; }
	.downtab.media { background-color: #79ae34; }
	.downtab.love { background-color: #bb4d5e; }
	.downtab.totop { background-color: #6bbae5; margin-right: 30px; }
	.downtab:hover { background-color: #CC7700; color: #FFFFFF; }
	.downtab:hover .ibox, .downtab:hover .label { padding-bottom: 14px; }
	.downtab:hover .ibox { background-color: rgba(0,0,0,0.5); color: #FFFFFF; }
	.downtab .ibox { padding: 10px 0; width: 40px; background-color: rgba(0,0,0,0.25); color: #FFCC00; display: inline-block; text-align: center; }
	.downtab .label { padding: 10px 20px 10px 10px; display: inline-block; }

	.downtab.totop .ibox { background-color: transparent; color: #FFFFFF; }
	.downtab svg { width: 0.8em; height: 1em; position: relative; top: 0.2em; display: inline-block; }
	.downtab.love svg { width: 1em; color: #FFFFFF; }
	.downtab.media svg { width: 1.2em; }
	.downtab.events svg { width: 0.9em; rotate: -45deg; }
	
	/* calendar grid + controls */

	.browser .calendar .months { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 20px 20px 4px; }
	.browser .calendar .months .prev { background: transparent url('images/icons/arrow-left.svg') left center no-repeat; }
	.browser .calendar .months .next { background: transparent url('images/icons/arrow-right.svg') right center no-repeat; }
	.browser .calendar .months .prev, .browser .calendar .months .next { width: 18px; height: 18px; background-size: contain; cursor: pointer; }
	.browser .calendar .months .curr { text-align: center; color: #FFFFFF; font-size: 18px; font-weight: 400; }
	.browser .calendar .days { display: flex; gap: 10px; flex-wrap: wrap; }
	.browser .calendar .days .day 
	{ 
		width: 30px; height: 30px; text-align: center; color: #FFFFFF; border-radius: 15px; overflow: hidden; line-height: 30px; font-weight: 300;
		flex-grow: 0; flex-shrink: 0;
	}
	.browser .calendar .days .day.legend { color: #FFCC00; font-weight: 700; }
	.browser .calendar .days .day.blank { opacity: 0; }
	.browser .calendar .days .day.past { border: 1px solid rgba(255,255,255,0.5); line-height: 28px; color: rgba(255,255,255,0.50); }
	.browser .calendar .days .day.today { background-color: #FFCC00; color: #186996; font-weight: 700; }
	.browser .calendar .days .day.future { font-weight: 400; background-color: rgba(255,255,255,0.25); }
	.browser .calendar .days .day.today, .browser .calendar .days .day.future { cursor: pointer; }
	.browser .calendar .days .day.today:hover, .browser .calendar .days .day.future:hover { color: #FFFFFF; background-color: #CC7700; font-weight: 700; }
	.browser .calendar .month { margin-bottom: 20px; display: none; }
	.browser .calendar .month.current { display: block; }

	/* header */
	
	header { max-width: 1800px; margin: 0 auto 30px auto; text-align: left; padding: 10px 60px 0 60px; }
	header ul { display: flex; gap: 25px; width: 100%; justify-content: flex-start; align-items: flex-end; }
	header ul.toolbar { margin: 2px 0 25px 0; }
	header ul, header li { list-style-type: none; margin: 0; padding: 0; }
	header li { font-weight: 300; white-space: nowrap; }
	header li.ar img { width: 230px; height: auto; position: relative; top: 14px; }

	header .toolbar li a { color: #ABABAB; font-weight: 500; display: inline-block; padding-bottom: 1px; border-bottom: 2px solid rgba(255,255,255,0); }
	
	body.calendar header li.calendar a, body.artists header li.artists a, body.jobs header li.jobs a, body.cfa header li.cfa a { font-weight: 700; color: #666666; }
	body.calendar header .toolbar li.ds { display: none; }
	header li a:hover { color: #CC7700 !important; border-color: #CC7700; }
	.tagbar { color: #000000; font-size: 18px; display: none; margin-bottom: 0; } 
	body.home .tagbar { display: block; margin-top: 10px; }
	.tagbar a { font-weight: 600; }
	.tagbar .dot { opacity: 1; }
	header a.ds, header a.ds:hover
	{ 
		font-family: 'Chunk', serif; font-weight: bold; color: #000000; display: inline-block; font-size: 38px; line-height: 30px; 
		position: relative; top: 2px; 
	}
	body.home header a.ds { font-size: 48px; line-height: 40px; }
	header a.ds .scene, header a.ds:hover .scene { color: #8BC63E; }	
	.navtop { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 25px;  }
	header .dda { text-align: right; }
	header .dda img { display: inline-block; width: 200px; height: auto; }
	
	header li.ar img { width: 230px; height: auto; position: relative; top: 14px; }
	header li.dda { flex-basis: 99%; text-align: right; }
	body.opportunities header ul.menu li a.insection { font-weight: 600; font-size: 19px; }
	header .menu li.ao a  { color: #000000; font: bold 32px/1 'Chunk', monospace; display: inline-block; padding-top: 30px; }
	header .browse-opps svg { height: 1.2rem; width: auto; display: inline-block; position: relative; top: 4px; margin-left: 5px; }
	header .search-opps svg { height: 1.4rem; width: auto; display: inline-block; position: relative; top: 6px; margin-left: 3px; }
	header .list-all svg { height: 1.4rem; width: auto; display: inline-block; position: relative; top: 5px; margin-left: 3px; }
	header .get-listed svg, .mobile-only.get-listed svg { height: 1.2rem; width: auto; display: inline-block; position: relative; top: 5px; margin-left: 3px; }
	.mobile-only.get-listed { display: block; font-weight: 500; margin-bottom: 10px; }
	header .toolbar li a { color: #ABABAB; font-weight: 500; display: inline-block; padding-bottom: 1px; border-bottom: 2px solid rgba(255,255,255,0); }
	header .toolbar li a.delawarescene, header .toolbar li.dda a { padding-bottom: 3px; border-bottom: 0; }
	header li.current a { color: #000000; font-weight: 600; }
	header li a:hover { color: #CC7700; border-color: #CC7700; }
	header .toolbar li a.delawarescene { color: #7b7979; font: bold 25px/1 'Chunk', monospace; }
	header .toolbar li a.delawarescene:hover .delaware { color: #7b7979; }
	header .toolbar li a.delawarescene .scene { color: #8BC63E; }	
	.dda img { width: 200px; height: auto; display: inline-block; }
	header h1 { margin: 50px 0 0 0; }
	
	/* misc navigation */
	
	.navzone { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; gap: 25px; margin-bottom: 25px; }
	.navzone .quicklinks { text-align: right; }

	.logged-in-bar { position: fixed; top: 0; left: 0; right: 0; color: #FFFFFF; background-color: #000000; z-index: 90; }
	body.artists .logged-in-bar { background-color: #2A2422; }
	.logged-in-bar .frame { padding-top: 10px; padding-bottom: 10px; display: flex; gap: 20px; justify-content: space-between; }
	.logged-in-bar .frame div { display: inline-block; }
	.logged-in-bar .sep { display: inline-block; opacity: 0.5; margin: 0 5px; }
	.logged-in-bar .section, .logged-in-bar .user { font-weight: 700; }
	.logged-in-bar .section { color: #CC7700; }
	.logged-in-bar .section:hover { color: #FFCC00; }
	.logged-in-bar .switcher { cursor: pointer; }
	.logged-in-bar .switcher svg { color: #60AED9; display: inline-block; height: 24px; width: auto; margin: -5px 0 -5px 3px; position: relative; top: 2px; }
	.logged-in-bar .switcher ul.other-orgs { list-style-type: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 96; }
	.logged-in-bar .switcher:hover svg { transform: rotate(180deg); }
	.logged-in-bar .switcher:hover ul.other-orgs { display: block; margin: 0 0 0 -10px; padding: 12px 0 0 0; }
	.logged-in-bar .switcher:hover ul.other-orgs li { display: block; }
	.logged-in-bar .switcher:hover ul.other-orgs li a { color: #FFFFFF; background-color: #60AED9; padding: 5px 10px; }
	.logged-in-bar .switcher:hover ul.other-orgs li a:hover { color: #FFFFFF; background-color: #CC7700; }
	
	.logged-in-bar .logout { white-space: nowrap; text-align: right; }
	.logged-in-bar .logout span { opacity: 0; color: #FFFFFF; }
	.logged-in-bar .logout svg { color: #CC0000; display: inline-block; height: 24px; width: auto; margin: -5px 0; }
	.logged-in-bar .logout:hover span { opacity: 1; }
	.logged-in-bar .logout:hover svg { color: #FFCC00; }

	/* podcast zone */
	
	.podcast { margin: 20px 0; }
	.podcast .item { display: flex; gap: 10px; padding: 10px; border-bottom: 1px dotted #60aed9; cursor: pointer; align-items: flex-start; }
	.podcast .item:first-child { border-top: 1px dotted #60aed9; }
	.podcast .item:hover { background-color: rgba(204,119,0,0.2); }
	.podcast .play { color: #60aed9; flex-grow: 0; flex-shrink: 0; }
	.podcast .play svg {	width: 30px; height: 30px; display: block; }
	.podcast .item:hover .play { color: #CC7700; }
	.podcast .title { font-weight: 500; padding-top: 3px; }
	.podcast .date { white-space: nowrap; font-size: 16px; font-weight: 600; color: #CC7700; }
	.podcast .dot { font-weight: 700; color: #000000; }
	.podcast-logo { float: right; margin: 0 0 30px 30px; width: 150px; height: auto; }
	
	/* footer */
	
	footer { max-width: 1800px; margin: 30px auto; padding: 0 60px 30px 60px; text-align: left; }
	footer .rule { margin-bottom: 30px; }
	footer .dot { opacity: 1; }
	footer p { color: #666666; }
	footer b { color: #000000; }
	footer .quickbar a { font-weight: 400; }

	/* icons */
	
	a.has-icon, span.has-icon { display: inline-block; }
	.has-icon:before 
	{ 
		display: inline-block; width: 0.8em; height: 1em; margin-right: 0.5em; 
		position: relative; top: 0.1em;
		background-position: center center; background-repeat: no-repeat;
		background-size: contain; content: "";
	}
	.icon.icon-accessible, .has-icon.icon-accessible:before { background-image: url('images/icons/accessible.svg'); }
	.has-icon.icon-accessible:before { width: 1.2em; background-position: left center; margin-right: 0.1em; }
	.icon.icon-phone, .has-icon.icon-phone:before { background-image: url('images/icons/phone.svg'); }
	.icon.icon-map-marker, .has-icon.icon-map-marker:before { background-image: url('images/icons/map-marker.svg'); }
	.icon.icon-link, .has-icon.icon-link:before { background-image: url('images/icons/link.svg'); }
	.icon.icon-map, .has-icon.icon-map:before { background-image: url('images/icons/map.svg'); }
	.icon.icon-add-event, .has-icon.icon-add-event:before { background-image: url('images/icons/add-event.svg'); }
	.icon.icon-price, .has-icon.icon-price:before { background-image: url('images/icons/dollar.svg'); }
	.has-icon.icon-add-event:before, .has-icon.icon-price:before { width: 1em; margin-right: 0.3em; }
	.icon.icon-calendar, .has-icon.icon-calendar:before { background-image: url('images/icons/calendar.svg'); width: 1em; margin-right: 0.3em;  }
	.icon.icon-mail, .has-icon.icon-mail:before { background-image: url('images/icons/envelope.svg'); }
	.has-icon.icon-mail:before { width: 1em; top: 0.2em; }
	
	a.social 
	{ 
		display: inline-block; background-position: center center; width: 28px; height: 28px;
		background-repeat: no-repeat;	background-size: auto 50%; border-radius: 50%; margin-right: 5px;
	}
	a.social-instagram {  background-color: #F401D1; background-image: url('images/icons/instagram.svg'); background-size: auto 60%; background-position: center 45%; }
	a.social-facebook { background-color: #4267B2; background-image: url('images/icons/facebook.svg'); }
	a.social-twitter { background-color: #000000; background-image: url('images/icons/twitter-x.svg'); background-size: auto 45%; }
	a.social-youtube { background-color: #DD0809; background-image: url('images/icons/youtube.svg'); background-size: auto 40%; background-position: 55% center; }

	/* modals */
	
	.modal-close { cursor: pointer; text-align: right; display: block; margin: 20px 0; }
	.modal-close svg { width: 30px; height: 30px; color: #7FB637; display: inline-block; }
	.modal-close:hover svg { color: #FFFFFF; }
	
	/* modal: search */
	
	#searchmodal 
	{ 
		position: fixed; transition: all 0.2s ease-in; opacity: 0; left: 0; right: 0; top: -600px; height: 0; overflow: hidden;
		color: #FFFFFF; background-color: #FFFFFF; display: flex; flex-direction: column; 
	}
	#searchmodal #panel-top { background-color: #8BC63E; flex-shrink: 1; }
	#searchmodal #panel-bot { flex-grow: 1; overflow: scroll; }
	#searchmodal.active { top: 0; height: 100vh; opacity: 1; }
	#searchmodal .modal-close svg { color: rgba(0,0,0,0.5); }
	#searchmodal .modal-close:hover svg { color: #FFFFFF; }
	.searchform { display: flex; gap: 30px; align-items: flex-start; width: 100%; padding: 20px 0; }
	.searchform fieldset { border: 0; margin: 0; padding: 0; width: calc(25% - 23px); }
	@media screen and (max-width: 1050px) 
	{
		#searchmodal #panel-top { padding-top: 70px; }
		#searchmodal .modal-close { display: inline-block; float: right; margin: 0 0 20px 20px; padding: 5px 0 5px 5px; }
	}
		
	@media screen and (max-width: 900px) 
	{
		.searchform { flex-wrap: wrap; }
		.searchform fieldset { width: calc(50% - 15px);  }
	}
	@media screen and (max-width: 550px) 
	{
		#searchmodal .modal-close { margin-bottom: 0; }
		#searchmodal h2 .evp { display: none; }
		.searchform fieldset { width: 100%; }
		.searchform { gap: 5px; padding: 10px 0; }
	}
	.searchform fieldset label { color: #000000; font-size: 16px; font-weight: 600; display: block; margin: 0 0 5px 0; padding: 0; }
	.searchform input, .searchform select 
	{ 
		border: 0; color: #000000; background-color: rgba(255,255,255,0.95); padding: 6px; font-size: 20px; line-height: 18px; 
		width: 100%; display: block; height: 38px; border-radius: 5px; margin: 0;
	}
	.searchform #getdate { display: flex; gap: 5px; }
	.searchform #date-cancel 
	{ 
		width: 38px; height: 38px; border-radius: 5px; cursor: pointer; 
		background: #186996 url('images/icons/cancel.svg') center center no-repeat; background-size: auto 60%;
	}
	.searchform #date-cancel:hover { background-color: #CC0000; }
	.searchform #dates.inactive, .searchform #getdate.inactive { display: none; }
	#searchmodal .matchzone.cells .cell.feature h3:before 
	{ 
		content: 'Feature'; display: block; color: #CC7700; font-size: 13px; font-weight: 700; text-transform: uppercase; 
		letter-spacing: 1px; margin: 0 0 4px 0; 
	}
	#searchmodal .matchzone.cells .cell { width: calc(20% - 24px); }
	@media screen and (max-width: 1500px) { #searchmodal .matchzone.cells .cell { width: calc(25% - 23px); } }
	@media screen and (max-width: 1100px) { #searchmodal .matchzone.cells .cell { width: calc(33.333% - 20px); } }
	@media screen and (max-width: 900px) { #searchmodal .matchzone.cells .cell { width: calc(50% - 15px); } }
	@media screen and (max-width: 500px) { #searchmodal .matchzone.cells .cell { width: 100%; } }

	/* modal: media */
	
	#mediaviewer
	{ 
		position: fixed; z-index: 300; top: -100vh; left: 0; right: 0; height: 0; text-align: center; 
		background-color: rgba(0,0,0,0.95); transition: all 0.5s; opacity: 0; overflow: hidden; padding: 50px;
	}
	#mediaviewer.active { top: 0; bottom: 0; height: auto; opacity: 1; }
	#mediaviewer #object { display: none; }
	#mediaviewer .object-content { display: flex; gap: 25px; flex-direction: column; justify-content: space-between; height: calc(100vh - 100px); }
	#mediaviewer #object .detail { flex-basis: 80%; flex-grow: 1; flex-shrink: 1; background-position: center center; background-repeat: no-repeat; background-size: contain; }
	#mediaviewer #object .caption { text-align: center; }
	#mediaviewer h3 { color: #FFFFFF; }
	
	/* video embeds */
	
	.video-container { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; z-index: 20; }
	.video-container iframe { position:absolute; left: 0; top: 0; height: 100%; width: 100%; }
	
	/* ads */
	
	.sponsor-zone { display: block; margin: 30px 0 0 0; text-align: center; background-color: #F3F3F3; border-radius: 10px; padding: 20px; }
	.sponsor-zone img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
	
	/* mobile navigation bar */
	
	.mobilehead h1 { font: bold 26px/1.2 'Chunk', monospace; color: #000000; margin: 0; }
	body.artists .mobilehead h1 { color: #FFFFFF; }
	body.artists .mobilehead h1 .roster { color: #FFCC00; }
	
	#mobilenav
	{
		position: fixed; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center;
		background-color: #FFFFFF; box-shadow: 0 0 15px rgba(0,0,0,0.5); z-index: 200;
	}
	#mobilenav .ds 
	{ 
		flex-basis: 99%; flex-shrink: 1; text-align: left; padding: 2px 30px; 
		font-family: 'Chunk', serif; font-weight: bold; font-size: 26px; line-height: 28px; color: #000000; 
	}
	#mobilenav .ds .scene, #mobilenav .ds:hover .scene { color: #8BC63E; }
	#mobilenav .search-control, #mobilenav .menu-control 
	{ 
		width: 50px; height: 50px; flex-grow: 0; flex-shrink: 0; cursor: pointer;
	}
	#mobilenav .search-control { background: #8BC63E url('images/icons/mobile-search.svg') center center no-repeat; background-size: 30px auto; }
	#mobilenav .menu-control { background: #186996 url('images/icons/mobile-menu.svg') center center no-repeat; background-size: 30px auto; }
	
	/* mobile menu */
   
   #mobilemenu 
   { 
      position: fixed; top: 0; right: 0; left: 0; z-index: 99; overflow: hidden; height: 0px; opacity: 0; transition-duration: 0.3s;  
      background-color: #186996;
   }
   #mobilemenu.active { height: 100vh; opacity: 1; padding-top: 10px; }
   #mobilemenu a, #mobilemenu div { color: #FFFFFF; display: block; font-size: 20px; line-height: 20px; padding: 10px 25px 10px 0; font-weight: 400; text-decoration: none; }
	#mobilemenu div { color: #FFCC00; font-weight: 700; }
   #mobile-menu { list-style-type: none; margin: 0px; padding: 70px 0px 0px 0px; color: #FFFFFF; }
   #mobile-menu > li { border-bottom: 1px solid rgba(255,255,255,0.33); padding-right: 50px; }
   #mobile-menu > li.has-children 
   { 
      background: transparent url('images/icons/down.svg') right 9px no-repeat; background-size: 13px auto; 
      cursor: pointer;
   }
   #mobile-menu > li.has-children.expanded { background-image: url('images/icons/up.svg'); }
   #mobile-menu > li > ul { display: none; }   
   #mobile-menu > li.expanded > ul { display: block; list-style-type: disc; margin-bottom: 15px; }
   #mobile-menu > li > ul > li a { font-size: 16px; line-height: 1; padding: 7px 0px; }
   #mobile-menu svg { display: inline-block; height: 24px; width: auto; position: relative; margin: -5px 0 -5px 3px; }
	#mobile-menu li a.ds { margin-top: 30px; }
	#mobile-menu h3 a, #mobile-menu li a.ds { font-family: 'Chunk', serif;  font-size: 22px; font-weight: bold; }
	#mobile-menu li a.ds .scene { opacity: 0.5; letter-spacing: 0.5px; }
	
	/* tables */
   
	table.shade tr:nth-child(even) { background-color: #F3F3F3; }
	table.sort td, table.sort th { padding: 5px; }
   table.sort th 
	{ 
		cursor: pointer; white-space: nowrap; color: #FFFFFF; background-color: #60aed9; overflow: hidden; white-space: nowrap; 
		border-right: 4px solid #FFFFFF;
	}
   table.sort th:last-child { border-right: 0; }
	table.sort th:hover { background-color: #CC7700; }
   table.sort th:after { display: inline-block; margin: 0 0 0 7px; width: 24px; height: 22px; content: ''; line-height: 1px; position: relative; top: 5px; }
   th.sorting-asc:after, th.sorting-desc:after { background-position: left bottom; background-repeat: no-repeat; background-size: contain; }
   th.sorting-asc:after { background-image: url('images/icons/down.svg'); }
   th.sorting-desc:after { background-image: url('images/icons/up.svg'); }
	table.directory { width: 100%; }
	
	/* calendar-specific */
	
	body.calendar.home .content > h4:first-child { margin-top: 0; }
	body.calendar.home .happening h4 { border: 0; }
	
	/* opportunities */
	
	body.jobs a { color: #70ac20; }
	body.jobs a:hover { color: #db7f32; }
	body.jobs .btn, body.jobs a.btn { color: #FFFFFF; background-color: #7FB637; }
	body.jobs .btn:hover, body.jobs a.btn:hover { color: #FFFFFF; background-color: #db7f32; }
	
	body.opportunities header .rule { display: none; }
	body.opportunities .content { width: 100%; }
	.cells.opportunities .cell { width: calc(50% - 15px); display: flex; background-color: #f1f0f0; padding: 0; }
	body.jobs .cells.opportunities .cell { background-color: #eaf3de; }
	.cells.opportunities .cell .contents { width: 80%; padding: 35px 25px 25px 25px; position: relative; }
	.cells.opportunities .cell .contents .orginfo { color: #000000; }
	.cells.opportunities .cell .contents .opcats { margin-top: 5px; }
	.cells.opportunities .cell .contents .opcats .opcat 
	{ 
		display: inline-block; font-size: 16px; line-height: 14px; white-space: nowrap; margin: 5px 5px 0 0; padding: 3px 6px; 
		border-radius: 5px; background-color: #817f75; color: #FFFFFF; opacity: 0.65; text-transform: lowercase;
	}
	body.jobs 	.cells.opportunities .cell .contents .opcats .opcat { background-color: #768168; }
	.cells.opportunities .cell .img 
	{ 
		width: 20%; background-position: center top; background-repeat: no-repeat; 
		background-size: contain; position: relative; border-radius: 0;
		margin: 35px 25px 25px 0; padding-top: 0; height: auto;
	}
	.cells.opportunities .cell .overlay 
	{ 
		position: absolute; top: 0; left: 0; border-radius: 10px 0 10px 0; color: #FFFFFF; background-color: #000000; font-size: 14px; line-height: 1;
		display: block; padding: 4px 25px 3px 25px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;
	}
	.cells.opportunities .cell .overlay.alert { background-color: #CC1100; }
	.cells.opportunities .cell .overlay.looming { background-color: #CC7700; }
	.cells.opportunities .cell h4.title { color: #000000; margin: 0 0 10px 0; border: 0; font-size: 20px; padding: 0; }
	.cells.opportunities .cell.featured { flex-wrap: wrap; border: 2px solid #000000; }
	.cells.opportunities .cell.featured .contents { width: 75%; padding-bottom: 0; }
	.cells.opportunities .cell.featured .img { margin: 35px 0 0 0; }
	.cells.opportunities .cell.featured .excerpt { width: 100%; padding: 20px; color: rgba(0,0,0,0.8); }
	
	
	@media screen and (max-width: 1100px) { .cells.opportunities .cell { width: 100%; } } 
	@media screen and (min-width: 1600px) { .cells.opportunities .cell { width: calc(33.333% - 20px); } } 
	
	/* maps + geolocation */
	
	li.geolocated { display: none; }
   #map 
   {
      display: table-cell; width: 100%;
      background: transparent url('/National_Library/oe_/https://delawarescene.com/images/region0.png') center center no-repeat; background-size: contain;
   }
   .map-single, .map-nearby { overflow: hidden; width: 100%; height: 300px; margin-bottom: 30px; }
   #gmap_canvas { width: 100%; height: 300px; }
   #gmap_canvas img { max-width: none !important; background: none !important }
   div.gm-style-iw div { font-size: 13px; line-height: 18px; overflow: auto; }
	
	/* filter bars */
	
	.filter-bar { background-color: #60aed9; border-radius: 5px; }
	.filter-bar .filter-types { display: flex; justify-content: flex-start; font-size: 18px; line-height: 1; }
	.filter-bar .label { padding: 15px; color: #000000; font-weight: 600; white-space: nowrap; }
	
	.filter-bar .divider { border-left: 2px solid #EEEDE6; margin: 0px 15px; }
	.filter-bar .selected { padding: 15px; color: #000000; font-weight: 600; text-align: right; flex-grow: 2; }
	.filter-bar .filter-type { padding: 15px; color: #FFFFFF; font-weight: 600; cursor: pointer; }
	.filter-bar .filter-type.current { background-color: #186996; }
	.filter-bar .btn:hover { background-color: #db7f32; }
	.filter-options { background-color: #186996; display: none; padding: 15px; border-radius: 0 0 5px 5px; }
	.filter-options .opt { display: none; padding-bottom: 15px; padding-top: 5px; }
	.filter-options .opt.current { display: block; }
	.filter-options .opt .o 
	{ 
		color: #FFFFFF; border: 1px solid rgba(255,255,255,0.75); font-size: 16px; font-weight: 500; display: inline-block; margin: 0 10px 15px 0; 
		white-space: nowrap; line-height: 1; padding: 6px 12px; border-radius: 5px; cursor: pointer;
	}
	.filter-options .opt .o.active { color: #000000; background-color: #FFFFFF; border-color: #FFFFFF; }
	.filter-close { float: right; margin: 0 0 25px 25px; cursor: pointer; }
	.filter-close svg { width: 30px; height: 30px; color: #FFFFFF; opacity: 0.7; }
	.filter-close:hover svg { opacity: 1; }
	
	body.jobs .filter-bar { background-color: #7FB637; }
	body.jobs .filter-bar .label { color: #000000; }
	body.jobs .filter-options, body.jobs .filter-bar .filter-type.current { background-color: #364E18; }

	/* responsive breakpoints */
	
	@media screen and (max-width: 1500px) 
	{ 
		.cell { width: calc(33.333% - 20px); } 
		.cell.double { width: calc(66.667% - 10px); } 
		.cells.connected .cell.double { width: calc(50% - 15px); } 
		.cells.features .cell:nth-child(4), .cells.moar .cell:nth-child(4) { display: none; }	
		.slide .title { font-size: 32px; }
		.slide .subtitle { font-size: 18px; }
	}
   @media screen and (max-width: 1250px) 
	{ 
		.cell, .cells3 .cell { width: calc(50% - 15px); } 
		.cells3 .cell:last-child { display: none; }
		.cell.double { width: 100%; }
		.cells.features .cell:nth-child(4), .cells.moar .cell:nth-child(4) { display: inline-block; }
				
	}
	@media screen and (min-width: 1051px) 
	{
		body.has-bar { padding-top: 55px; }
		#mobilenav, .mobileonly { display: none; }
	}
   @media screen and (max-width: 1050px) 
	{ 
		.nomobile { display: none; }
		body { padding-top: 80px; }
		header { display: none; }
		footer { padding-left: 30px; padding-right: 30px; }
		.browser { display: none; /* margin-right: 30px; */ }
		.content { width: 100%; padding: 0px 30px; }
		.frame { padding: 0 30px 30px 30px; }
		.hero { height: 50vw; }
		.cells3 .cell { width: calc(33.333% - 20px); } 
		.cells3 .cell:last-child { display: inline-block; }
	}

	@media screen and (max-width: 900px) 
	{
		h2 { font-size: 28px; }
		h3 { font-size: 18px; }
		.filter-bar { padding: 5px 0; }
		.filter-bar .filter-types { flex-direction: column; }
		.filter-bar .selected { display: none; }
		.filter-bar .filter-type, .filter-bar .label { padding: 7px 15px; }
		#downbar .inner { display: none; }
		
		.cell, .cells3 .cell { width: calc(50% - 15px); } 
		.cells3 .cell:last-child { display: none; }
	}
   @media screen and (max-width: 650px) 
	{ 
		.cell, .cells.regions .cell, .cells.features .cell, .cells.connected .cell.double, .cell, .cells3 .cell { width: 100%; } 
		.cells3 .cell:last-child { display: inline-block; }
		.cells.regions .cell .img { display: none; }
		.cells.regions .cell h3 { text-shadow: 0 0 20px rgba(0,0,0,0.9); }
		.quickbar b { display: block; margin-top: 10px; }
		.quickbar .dot { display: block; overflow: hidden; opacity: 0; width: 0; height: 0; }	
		.podcast-logo { width: 75px; }
	}