body { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:40px; }
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:underline; color:#000; }

h1, h2, h3, h4, h5 { font-weight:normal; padding:0px; margin:0px; }
p { margin-top:0px; }

table { font-size:10px; }
td { vertical-align:top; }
td.date { width:100px; padding-right:10px; }

h3 { margin-bottom:10px; }

h4 { margin-top:20px; margin-bottom:0px; padding:0px 0px 0px 0px; }
ul { list-style-type:none; padding:0px 0px 0px 5px; margin:5px 0px 0px 0px; }
ul li { line-height:150%; font-size:11px; }

.caption { font-size:11px; margin-bottom:20px; }

.embed-responsive { margin-bottom:10px; }

.content table, .content ul { margin-bottom:20px; }
.content ul { padding:0px; }

.header { position:relative; }

img.border { border:1px solid #eee; }

a img:hover { opacity:0.9; }

a.current { text-decoration:underline; }

.navbar-toggle {
	position:absolute;
	right:0px;
	top:-15px;
	border-color: transparent;
  display: none;
  margin-right: 0px;
  padding: 9px 10px;
  margin-top: 6px;
  margin-bottom: 6px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
	background-color: #000;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (max-width: 767px) {
	#nav.collapsed { display:none; }
	.content { margin-top:20px; }
	.navbar-toggle { display:block; }
}

/* Specific styles for project links */
ul li a.project-link {
    background-color: transparent; /* Default state */
    color: inherit; /* Default text color */
    padding: 1px;
    display: block;
    transition: background-color 0.3s ease;
}

/* Theme-specific background colors */
ul li a.project-link.sound {
    background-color: lightblue; /* Blue background for 'sound' */
    color: black;
}
ul li a.project-link.communication {
    background-color: lightgray; /* Yellow background for 'wall-works' */
    color: black ;
}
ul li a.project-link.arthistory {
    background-color: plum; /* Yellow background for 'wall-works' */
    color: black ;
}


ul li a.project-link.kinetic {
    background-color: yellow !important;/* Green background for 'kinetic' */
    color: black;
}

ul li a.project-link.prints {
    background-color: yellow !important; /* Red background for 'prints' */
    color: black;
}

ul li a.project-link.biological {
    background-color: lightgreen; /* Grey background for 'digital' */
    color: black;
}

ul li a.project-link.video {
    background-color: yellow !important; /* Pink background for 'video' */
    color: black;
}

ul li a.project-link.wall-works {
    background-color: yellow !important; /* Yellow background for 'wall-works' */
    color: black;
}

ul li a.project-link.installation {
    background-color: yellow !important; /* Yellow background for 'wall-works' */
    color: black;
}

ul li a.project-link.ai {
    background-color: lightcoral; /* Yellow background for 'wall-works' */
    color: black;
}
ul li a.project-link.recyclism {
    background-color: lightpink; /* Yellow background for 'wall-works' */
    color: black;
}


/* Ensure hover styles do not conflict with theme-specific styles */
ul li a.project-link:hover {
    text-decoration: none; /* Remove underline on hover */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

/* Subtle dropdown styling */
.theme-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    padding: 2px 2px;
    font-size: inherit;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    border-bottom: none;
    transition: background-color 0.5s ease, border-bottom 0.3s ease;
}

.theme-dropdown:hover,
.theme-dropdown:focus {
    background-color: lightgrey; /* Add light grey background on hover */
/*    border-bottom: 1px solid #000;  Highlight on hover or focus */
}

.theme-dropdown option {
    color: #000; /* Ensure options remain visible */
}


/* Collapsible content styles */
.collapse {
    display: none;
}

.collapse.open {
    display: block;
}

ul li a.project-link.public {
    background-color: yellow !important; /* Yellow background for 'wall-works' */
    color: black !important;
}
ul li a.project-link.web {
    background-color: yellow !important; /* Yellow background for 'wall-works' */
    color: black !important;
}