@charset "utf-8";
/* CSS for Corda 2026 */

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
body { background-color:#977f37; font-size:110%;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  }
img { object-fit:contain; max-width:100%; max-height:auto; }
h1 { color:#333; margin:0 auto; font-size:1.6em; text-align:center; 
  padding:6px 2px 2px 2px; font-size:clamp(0.9rem, 1vw + 1rem, 2.2rem);
  font-family: 'Bad Script', cursive; white-space:nowrap; width:100%; 
  text-shadow:2px 2px 4px rgba(255, 170, 96, 0.9); }
h2 { text-align:center; margin:6px auto 12px auto; padding:0; color:#333; 
  /*background-color:#e8dfcc;*/ font-family: 'Bad Script', cursive; 
  font-size:clamp(0.8rem, 1vw + 1rem, 2.0rem); }
button { padding:3px; margin:2px 4px; border-radius:8px; font-weight:bold;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }

a 	      { text-decoration:none; }
a:link 		{ color:#228; }
a:visited { color:#228; }
a:hover 	{ color:#fc6; }
a:active 	{ color:#228; }
a:focus   { outline:none; }

p { margin-top:8px; }

.header-image { max-height:100%; position:absolute; top:0; left:0; }
.header-logo { display:block; margin:8px auto;
  border-right: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

.cd-image { max-height:100px; }
.recordings-list { text-align:center; padding:0; margin:0; }
.recordings-list img { padding:4px 16px; background-color:rgba(64, 64, 64, 0.3); }

.divider { border-bottom:1px solid #999; }
.topdivider { border-top:1px solid #999; }
.topspacer { margin-top:24px !important;}
.titlebox { position:relative; text-align:center; padding:4px; 
  background-color:#d0c09c; }
.titlebox h1 { text-align:center; margin-top:16px; }
.navbar { text-align:center; margin-top:4px; background-color:#867042; /*#75623a*/ 
  border-bottom:1px solid #c37900; font-size:90%; }
.navbox { color:#333; font-weight:bold; }
.navbox:hover { color:#fc6; background-color:#777; }
.navbox a { display:block; }

#contentbox { width:100%; max-width:960px; margin:12px auto; color:#333; padding:5px; 
  font-size:110%; line-height:1.4em; background-color:#f7f5f0;
  border-radius:8px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#contentbox h1 { text-align:center !important; }
#contentbox h2 { margin-top:32px; }
#contentbox p img { float:right; margin-left:8px; }
.deco-image { float:right; margin:10px 0 4px 8px; border:2px solid #444; }
  
.footer { color:#c37900; text-align:center; background-color:#867042;
  font-weight:bold; padding:4px 0;
  border-top:1px solid #c37900; border-bottom:1px solid #c37900; }

/* In-place dropdown menus.... */
.dropdown { position:relative; display:inline-block; font-weight:bold; }
.dropdown:hover .dropdown-content { display:block; background-color:#777; }
.dropdown:hover .dropbtn { color:#fc6; }
.dropdown a { display:block; }

.dropbtn { cursor:pointer; display:inline-block; padding:2px 24px; }
h2.dropbtn { color:#339; }

.dropdown-content { display:none; position:absolute; top:3em;
  left:50%; transform: translateY(0) translateX(-50%);
  background-color:#dde; min-width:240px; z-index:1; font-size:95%;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.3); }
#music-home .navbox .dropdown-content { bottom:3em; top:auto; }
.dropdown-content a { color:black; padding:6px; text-decoration:none; display:block;
  border-bottom:1px solid #999; }
.dropdown-content a:hover { background-color:#ccc; color:#741; }
.dropdown-content a:active { background-color:#cef; }
.dropdown-content a:focus { outline:none; }

#mega-menu-primary { background-color:#63563c !important;
  border-top:1px solid #4d4535 !important; border-bottom:1px solid #4d4535 !important;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif !important; 
  padding-bottom:4px !important; }
a.mega-menu-link { background-color:#777; border-radius:0 !important; 
  padding:4px 12px !important; }
a.mega-menu-link:hover { background-color:#777; }

/*  GRID Stuff   */
.homegrid {
  display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:2px;
  width:100%; max-width:1600px; margin:4px auto;
}
.homeblurb { display:grid; grid-template-columns: 1fr; font-size:110%; }
.homeblurb p { margin:2px 8px; }
.homeblurb img { float:right; margin:0 0 6px 6px; border:1px solid #999; }
.simplegrid-1x4 {
  display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:2px;
  /*width:100%; max-width:1600px; margin:0 auto;*/
}
.simplegrid-1x5 {
  display:grid; grid-template-columns: repeat(5, 1fr); grid-gap:2px;
  /*width:100%; max-width:1600px; margin:0 auto;*/
}
.simplegrid-1x6 {
  display:grid; grid-template-columns: repeat(6, 1fr); grid-gap:2px; 
}
.simplegrid-stack {
  display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:2px;
  /*width:100%; max-width:1600px; margin:0 auto;*/
}

.gridbox { background-color: none !important; color:#333; padding:2px; 
  min-height:14em; position:relative; text-align:center; }
.gridbox p { text-align:left; }

.scorebox { overflow:hidden; position:relative; height:100%; vertical-align:top; }
.scorebox h2 { background-color:transparent; }
.scorebox p { position:absolute; top:0; left:0; right:0; 
  font-weight:bold; text-align:center; z-index:9; }

.wp-caption a.highslide > img { float:right !important; margin-left:10px !important; }
.wp-caption-text { text-align:center; font-style:italic; font-size:90%; color:#b4ffb8; }
.alignleft { display:inline; float:left; }
.alignright { display:inline; float:right; }
.aligncenter { display:block; margin-right:auto; margin-left:auto; }

.imagebox { text-align:center; }
.drawbox { display:inline-block !important; display:-moz-inline-stack; 
  vertical-align:text-top; margin-left:16px; margin-bottom:16px; }
.drawbox li {  }
.drawbox img { border:1px solid #ccc; height:120px !important; width:auto !important; 
  max-width:100%; vertical-align:top; }

.drawings-block { text-align:center; }
.drawings-block li { display:inline-block; text-align:center; list-style-type:none; }
.drawings-block li a { color:#ccc; font-size:80% !important; }
.drawings-block li a:hover { color:aqua; }

.big-quote { width:80%; margin:16px 10%; padding:6px; color:#333; background-color:#b2a177;
  border:2px solid #c37900; border-radius:8px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
.small-quote { width:60%; margin:16px auto; }

.poems-box { max-width:60%; margin:16px auto; padding:8px; text-align:center; 
  line-height:2.3; font-size:90%; background-color:#b2a177; 
  border:2px solid #948562; border-radius:8px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
.poems-box h3 { width:90%; font-size:110%; }
.poems-box a { display:inline-block; margin-right:12px; font-weight:bold; }

/* HOME PAGE SLIDESHOW */
#cycler { position:relative; width:100%; overflow:hidden; filter:grayscale(60%); }
#cycler img { position:absolute;
  top:0; left:50%; -ms-transform: translateX(-50%); transform: translateX(-50%);
  object-fit:cover; max-width:96%; max-height:96%; width:auto; height:auto;
  opacity:1; transition:opacity 2s; z-index:1; }
#cycler img.hide { opacity:0; }
#cycler img.show { opacity:1; transition:opacity 5s; }
#cycler img.next { z-index:-1; opacity:0; }
#cycler img.current { z-index:1; opacity:1; }
#cycler ul { position:absolute; top:10%; left:36%; z-index:99; }
#cycler ul li { margin:12px; }
#cycler button { background-color:#948562; padding:4px; opacity:60%; font-size:110%; }
#cycler button:hover { background-color:#b2a177; color:#f22; opacity:100%; }

.blinker img { object-fit:scale-down; /*object-fit:contain;*/
  max-width:100%; max-height:100%; width:auto; height:auto; border:1px solid #000;
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.6); }

/* LINK STYLES */
a.onblack { color:#009; text-decoration:none; padding:4px; border-radius:8px; 
  background-color:rgba(224, 224, 224, 0.6);
  text-shadow:0px 5px 5px rgba(0, 0, 0, 0.8); }
a.onblack:hover { color:#00c; text-decoration:none;
  background-color:rgba(224, 224, 128, 0.5); }
a.viewlink { display:inline-block; padding:6px; margin:4px; background-color:#777;
  font-weight:bold; border-radius:8px; color:#000; text-decoration:none;
  border:2px solid #bbb; }
a.viewlink:hover { color:#721; background-color:#999; }
a.quietlink { display:inline-block; padding:3px; margin:4px; background-color:#282828;
  font-weight:bold; border-radius:8px; color:#999; text-decoration:none;
  border:2px solid #777; }
a.quietlink:hover { color:#fc6; background-color:#555; border:2px solid #ccc; }
.nounder { text-decoration:none !important; color:#fff; }
.nounder:hover { color:#fc6; }

.quotebox { padding:8px !important; margin:0; background-color:#222;
  border-radius:8px; color:#bbb; border:2px solid #777; 
  font-size:84%; text-align:left; }
.quotename { white-space:nowrap; color:#ecb379; font-weight:bold; }
.greatquote { font-size:84%; padding-right:8px; }
.simquote { font-size:84%; padding-right:8px; color:#f7ddc3; margin-top:6px; }

.image-grid { display:grid; grid-gap:4px; margin-top:8px;
  grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); }
.image-grid div { text-align:center; display:flex; flex-direction:column;
  align-items:center; }
.image-grid img { max-width:100%; height:auto; opacity:0.5; }
.image-grid img:hover { max-width:100%; height:auto; opacity:1.0; }
.image-grid p { font-size:12px; text-align:center; margin-top:4px; }

.card-image { display:inline-block; max-width:240px; height:auto; }

.works-list p { vertical-align:top; margin-top:6px; }
.works-list img { border:2px solid #444; margin:8px; max-width:240px; height:auto; }
#works-page .works-list img { max-width:160px; }
.works-list tr:not(:last-child) td { border-bottom:1px solid #444; }
.works-limit { max-width:160px; height:auto; }

/* Thumbs Grid for Home Page */
.thumbs-grid { display:flex; flex-wrap:nowrap; width:100%; }
.thumb { flex:1; max-width:20%; text-align:center; margin-right:10px;
  position:relative; padding-bottom:1em; }
.thumb img { max-width:100%; height:auto; }
.thumb .caption { position:absolute; bottom:0; left:0; right:0; margin:0;
  font-size:66%; text-align:center; }

.home button { color:#ffc; background-color:#09406b; padding:4px; }
.home button:hover { color:#fc6; background-color:#63563c; }

.homeblurb img:hover { border:1px solid #fc6; }
.homeblurb h2 { background-color:none !important; }

.image-container {
  display:inline-block; width: 240px; float:right; margin-left:12px; 
  text-align: center; /* Center the button within the container */
}

.image-container img {
  display: block; /* Ensures image takes full width */
  max-width: 100%; /* Scales image to fit within container */
  height: auto; /* Maintains aspect ratio */
}

.caption-button {
  font-weight: bold;
  font-style: italic;
  /* border: none; background-color: transparent; Removes default button styling */
  cursor: pointer; /* Retains button-like appearance */
}

/* MODAL POPUP */
#modal-overlay { display:none; position:fixed; width:100%; overflow:auto;
  height:100vh; top:0; left:0; right:0; align-items:center; text-align:center; z-index:1;
  background:rgba(127, 127, 127, 0.7);
  transition: visibility 0s linear 0.5s, opacity 0.5s 0s, transform 0.5s; }
#modal-overlay #modal { display:block; max-width:90%; width:100%; height:90vh;
  max-height:100%; margin:0 auto; padding:10px; background:#333;
  border:2px solid #ccc; overflow: auto;
  position:absolute; z-index:999;
  top:50%; left:50%;  /* position top+left edge of element at middle of parent */
  transform:translate(-50%, -50%); /* Short for translateX(-50%) and translateY(-50%) */
}
#modal-overlay #modal img { object-fit:scale-down; max-width:100%; max-height:75vh;
  width:auto; height:auto; }
#modal-overlay #modal .modal-footer { margin-top:auto; text-align:center; }
#modal-close:hover, #modal-next:hover { background-color:#F4D3A3; }
.modal-header { padding:0; margin:0; }
.modal-header h4 { text-align:center; color:#eef; background-color:#333 !important;
  padding:4px 0 !important; margin:4px; }
.modal-content p { text-align:center; }
.modal-buttons { z-index:999; }
#modal-title { text-align:left; }

.select-video { border:2px solid #444; }
.select-video:hover, .select-audio:hover { border:2px solid #ecb379; }
.glowing { text-shadow: 0 0 6px rgba(255, 77, 77, 0.7) !important; }
.grayout { filter:grayscale(100%); }
.grayout:hover { filter:none; }
.nogray { filter:none; }
.the-question { color:#e1892f; font-weight:bold; }

audio { margin-left:32px; }
audio::-webkit-media-controls-panel { background-color:#777 !important; }

details > details { margin-top:12px; margin-left:24px; margin-bottom:12px; }
details > p, details > h3 { margin-top:8px; margin-left:24px; }
summary { padding-top:8px; cursor:pointer; list-style-type:circle; }
summary:hover { color:#fc6; }
details > details > summary:focus { }
/*details > details > summary:focus:before { content:"\2014"; }*/

strong > em { color:#353; /*#f9e6d2;*/ }

/* make the embedded videos scale  */
.video-wrapper { padding:56.25% 0 0 0; position:relative; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.screen-width { position:fixed; bottom:0px; right:0px; padding:5px; z-index:9999; 
  border-radius:8px 0 0 0; background:#fdc303; font-family:sans-serif;
  margin:0; box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 0px; color:#001485; }

.text { font-size:clamp(0.9rem, 1vw + 1rem, 2.2rem); }
.smalltext { font-size:calc(1rem + 2vw); }

/*  ARTICLES Tables */
.articles-table, .tracks-table { border:2px solid #999; margin-top:8px; margin-bottom:16px; }
.tracks-table { width:80%; margin-left:auto; margin-right:auto; }
.articles-table thead, .articles-table tfoot { background:#999; color:#FC6; 
  font-size:80% !important; text-transform:uppercase !important; }
.tracks-table thead, .tracks-table tfoot { background:#999; color:#FC6; }
.articles-table thead td, .articles-table tfoot td { background:#876; font-weight:bold; }
.tracks-table thead td, .tracks-table tfoot td { background:#876; font-weight:bold; }
.articles-table tr, .tracks-table tr { background-color: #555; }
.articles-table tr:nth-child(even), .tracks-table tr:nth-child(even) { background-color:#333; }
.articles-table td { border:1px solid #999; padding:3px; }
.tracks-table td { border:1px solid #999; padding:3px; }
.articles-table a, .tracks-table a { display:block; color:#ecb379; }
.articles-table a:hover, .tracks-table a { color:#fc6; }

.col-year, .col-release { width:14%; text-align:center; }
.col-title { font-weight:bold; }
.col-length { width:6%; text-align:center; }
.col-publisher, .col-instruments { }
.articles-table thead {  }

.cd-thumb { float:left; margin-right:6px; padding:2px; }

.col-number { width:5%; text-align:center; }
.col-name {  }
.col-book {  }
.col-poem {  }
.col-audio { width:5%; text-align:center; }
.col-section-name { font-weight:bold; background-color:#aaa; padding-left:10% !important; }

.discography-list { text-align:center; }
.discography-list li { display:inline-block; text-align:left; width:300px; 
  border:1px solid #999; vertical-align:top; padding:2px; margin-bottom:4px;
  font-size:80%; font-weight:bold; background-color:#555; }
.discography-list li:nth-child(even) { background-color:#777; }
.discography-list a, .discography-list a:visited, 
  .tracks-table a, .tracks-table a:visited { display:block; font-weight:bold; 
  color:#ecb379; }
.discography-list a:hover, .tracks-table a:hover { color:#fc6; }

.half-centered { width:60% !important; margin-left:auto !important; margin-right:auto !important; }
.half-centered img { float:none !important; display:inline-block; }
.half-centered a, .half-centered a:visited { font-weight:bold; color:#ecb379; }
.half-centered a:hover { color:#fc6; }

.entry { padding:6px; }
.entry h1 { margin-top:12px !important; }
.entry h2 { color:#333; }
.entry h3 { font-weight:bold; color:#333; clear:both; text-align:center; margin-top:8px; }

.entry > .n2-section-smartslider { margin:12px auto !important; }

/*  MESSAGE BOXES */
.message-box { width:100%; min-width:320px; max-width:960px; margin:12px auto; 
  line-height:1.6em; padding-bottom:4px; color:#333; background-color:#e2d1a7;
  border:2px solid #948562; box-shadow:1px 2px 4px rgba(0, 0, 0, 0.6); }
.home .message-box { font-size:80% !important; }
.list-display-boxes .message-box:last-child { border-bottom:none !important; }
.message-box a { color:#333; text-decoration:none; }
.message-box a:link { color:#333; }
.message-box a:visited { color:#333; }
.message-box a:hover { color:#fc6; }
.message-box a:active { }
.message-box a:focus { outline:none; }
.message-box h2 { width:100%; color:#333; background-color:#948562;
	padding:4px 0 0 0; text-align:center; margin:0 !important; 
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; font-weight:bold; 
  font-size:110%; }
.message-box h2 a { color:#333; text-decoration:none; border-bottom:none; }
.message-box h2 a:link { color:#333; }
.message-box h2 a:visited { color:#333; }
.message-box h2 a:hover { color:#fc6; }
.message-box h2 a:active { }
.message-box h2 a:focus { outline:none; }

.message-box h3 { background-color:none !important; border:none; padding:4px; 
	text-align:center; margin-top:0; }
.message-box img { display:inline-block; margin:12px 8px 8px 8px !important; }

.boxtext-wrapper { padding:2px 6px; }
.msgbox-event { border-radius:8px 8px 0 0; }
.home .msgbox-event { font-size:90%; }
.msgbox-event h2 { border-radius:8px 8px 0 0; }
.msgbox-event img { border:2px solid #ccc; }
.featured-box { background-color:#ecf6fe; border:1px solid #999; }
.featured-box h2 { background-color:transparent !important; font-size:120%; }
.featured-box h2 a { color:#09406b !important; }
.featured-box h3 { background-color:none !important;  }
.msgbox-deadline {  }
.msgbox-cd {  }
.msgbox-book {  }
.msgbox-excerpt {  }
.msgbox-testimonial { border:2px solid #9ebebc; background-color:#0C738A; border-radius:8px; 
	font-family:Acme,"Source Sans Pro"; line-height:1.6em; }
.msgbox-testimonial .boxtext-wrapper { padding:8px 12px; } 
.msgbox-testimonial h2 { width:100%; background-color:#073F4B; margin:0;
	border:none; border-radius:8px 8px 0 0; border-bottom:2px solid #9ebebc; }
.msgbox-drawing { background-color:#0C538A; border:1px solid #ccc; font-size:90%; }
.msgbox-blurb { border:2px solid #9e8e6c; font-size:90%; }
.msgbox-blurb img { float:left; margin:6px; }
.msgbox-blurb img.logo_image { max-width:100% !important; }
.msgbox-blurb h2 { text-align:center !important; border-radius:8px 8px 0 0; }
.msgbox-other {  }
.msgbox-extra { border:2px solid #02336A; background-color:#0C538A; border-radius:8px 8px 0 0; 
	font-family:Acme,"Source Sans Pro"; padding:16px; line-height:1.6em; }

.msgbox-center { text-align:center; }
.msgbox-center img { border:2px solid #ccc; }
.msgbox-float { margin:0; padding:0; line-height:0; }
.msgbox-float img { float:left; margin-left:8px; margin-right:8px; }

.fancy-list { list-style-type:disc; list-style-position: inside; }

@media screen and (max-width: 1140px) {
  body { font-size:95%; }
  h1 { font-size:1.8em; white-space:nowrap; }
}
@media screen and (max-width: 980px) {
  body { font-size:80%; }
  h1 { font-size:1.6em; }
  #contentbox #music-home { font-size:75%; }
  .titlebox h1 { margin-top:8px; }
}
@media screen and (max-width: 800px) {
  .simquote { display:none; }
  #contentbox #music-home { font-size:70%; }
}
@media screen and (max-width: 600px) {
  body { font-size:80%; }
  h1 { font-size:1.3em; }
  .titlebox h1 { margin-top:0; }
  #contentbox #music-home { font-size:40% !important; }
}