@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDarker: #1e282d;
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2);
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #f4b500;
    --accentDarker: #e6ac00;
    --light: rgba(38, 50, 56, 0.035);
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}


/*------------------------ CSS overrides below ------------------------*/

/* _9394 */
.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center-table {
  margin-left: auto;
  margin-right: auto;
  width: /* set a width other than 100% for this to work effectively */;
}

table {
  border-collapse: collapse;
  width: 100%; /* Optional, for full width tables */
}

th, td {
  border: 1px solid #ccc; /* Sets a 1px solid border with a light gray color */
  padding: 8px; /* Optional, adds spacing within cells */
  text-align: left; /* Optional, aligns text to the left */
}


/* _9394 */
.mybtn {
	padding: 5px 10px;
	font-weight: 700;
  font-size: small;
	color: #fff !important;
	white-space: pre-line;
	background: #2a2a2a;
}

/* _9394 */
.mybtn:hover {
	color: #fff;
	background: red;
}

/* _9394 */
.mybtn {
	transition: background-color .25s ease-out;
}

/* _9394 */
.input-row {
  display: flex;
  gap: 5px; /* Adjust spacing between boxes */
}

/* _9394 */
.input-group {
  display: flex;
  flex-direction: column;
  flex: 1; /* Makes all three boxes equal width */
}

/* _9394 */
label {
  margin-bottom: 2px; /* Spacing between label and box */
  font-weight: bold;
}

/* _9394 */
dialog {
  position: fixed; /* Ensures it stays centered relative to the viewport */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0; /* Remove default margins to prevent offset issues */
}