/*
--------------------------------------------------------------------
Welcome to the 'minimalist' theme template: For quick Estuary's interface customization, modify the colors below.
More advanced customization is available through CSS classes within this document.
--------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap');

@font-face {
  font-family: 'Dosis', verdana, sans-serif;
  font-style: light;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css?family=Dosis');
}



:root {
/* sets the background color */
  --background-color: black;
;

/* set the color of all text and typically some borders*/
  --primary-color: white;

/* sets the background color of buttons and other borders */
  --secondary-color: white;

/* sets the color of things that appear temporarily */
  --transient-color: white;
}

/*
--------------------------------------------------------------------
				advanced customization
--------------------------------------------------------------------
*/

/*styles the code font*/
.code-font {
	  font-family: Dosis;
	  font-size:1.2em;
    text-shadow: 0 0 10px #333333;
	  }

/* styles the fonts for the header, menus and labels */
.ui-font {
    font-family: Dosis;
	font-size: 1em;
	}

/* styles the user interface-buttons */
.ui-buttons {
  color: var(--primary-color);
  background-color: transparent;
  cursor:pointer;
}

.ui-buttons:hover {
  background-color: transparent;
}

.ui-dropdownMenus{
	background-color: transparent;

}

.ui-dropdownMenus:focus {
  background-color: transparent;
}

/* styles the input boxes */

.ui-inputMenus{
  background-color: transparent;
  width: 3em;
}

.ui-inputMenus::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.ui-inputMenus:focus {
  background-color: transparent;
}

/*styles the primary borders (e.g.  from dropdown menus) */
.primary-borders {
	border-radius: 5px;
    border: 1px solid transparent;
}

/*styles other borders (e.g. from the ui-buttons and sequencer)  */
.other-borders {
    border-radius: 5px;
    border: 1px solid transparent;
    }


////////////

.ensembleName {
	margin-top: 1px;
	margin-right: 1em;
	color: transparent !important;
}


.page {
	border-top: 0px solid !important;
	border-bottom: 0px solid !important;
}

.ensembleHeader {
	display: none !important;

    }

.config-entry {
	border-right: 0px solid transparent !important;
}

.ensembleTempo {
	display: none !important;
	border: none;
	width: 25%;
}


.eightMiddleR {/*modifies the middle right view*/
	text-align: right !important;
	border-bottom: 1px solid transparent !important;
	border-right: 1px solid transparent !important;
}


.eightMiddleL {/*modifies the middle left view*/
	border-bottom: 1px solid transparent !important;
	border-right: 1px solid transparent !important;
}

.referenceButton {
	font-size: 0em;
}
