##.v-theme--light {
  ##--v-theme-primary: 63,81,181 !important;
  ##  --v-theme-secondary: 255,183,77;
## }

/* make the logo bigger */
 .v-toolbar-title img {
height: 100px;
}

/* listing the custom classes
    #blob_appbar
    #blob_logo
    #blob_main
    #blob_tagline
    #blob_blobs
*/

/* remove blobs and share from menu */
#blob_appbar .Blobs,
#blob_appbar .Share {
  display: none !important;
}

/* hide the language button */

#blob_appbar button.Translate {
	display: none;
} 

#blob_appbar .About .label { display: none; }

/* style blob tagline */
#blob_tagline
{
  margin-bottom:25px; !important;
  font-weight: bold;
  width:70%;
}

/* style blob buttons */
#blob_blobs
{
  margin-bottom:40px; !important;
}

#blobs_blob .description
{
  margin-top:40px; !important;
}

#v-field__field
{
width: 70%;
margin-bottom:40px; !important;
}|

/* style single blob buttons */
/* LtR > nth-child(1) nth-child(2) etc.*/

/* a.v-btn--variant-outlined:nth-child(1) {
color: aqua;
}*/

/*a.v-btn--variant-outlined:not(:first-child) {
  content: "/";
  display: inline;
}*/

/* style buttons font black, no border, yellow background - STRANGELY WORKING only with two different rules!!!*/

a.v-btn--variant-outlined {
	color: black;
	background: yellow;
	font-size: large;
	font-weight: bold;
	border: none;
	border-radius: 0px;
}

a.v-btn--variant-outlined {
  color: black; !important;
  border: none; !important;
  background-color: yellow; !important;
  font-size: large;
  font-weight: bold;
  border-radius: 0px;
}

/* background button light blue OK */

a.v-btn--variant-outlined:hover {
background: #00ffff;
}

.blobs a.v-btn--active {
    background-color: #00ffff;
}

/* add a "/" between buttons in menu NOT WORKING*/

/*a.v-btn--variant-outlined:nth-child(odd):not(:empty) + a.v-btn--variant-outlined:nth-child(even):not(:empty)::before {
  content: '/';
margin: -50px;
  display: inline;
}*/

/*add a border radius to images, add transition*/
.media img, .media picture {
##	aspect-ratio: 1.7778;
##	border: 1px solid #eee;
##	height: 100%;
##	-o-object-fit: cover;
##	object-fit: cover;
##	width: 100%;
	border-radius: 3%;
    transition: transform 1s ease-in-out;
}

/*add a transform scale image:hover*/

.media img, .media picture:hover {
transform: scale(1.2);
}

a.v-btn--variant-outlined:nth-child(odd):not(:empty) + a.v-btn--variant-outlined:nth-child(even):not(:empty)::before {
  content: '/';
  margin: -25px;
  display: inline;
}