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

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

:root {
    --textDark: rgb(255, 255, 255);
    --textMedium: rgba(240, 240, 240, 0.7);
    --borderMedium: #grey
    --borderLight: rgba(78, 174, 221, 0.075);
    --accent: #f4b500;
    --textAccent: #c2c2c1;
    --light: rgba(167, 162, 162, 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 --------------*/






header {
    background-color: transparent;
}

.container {
   
    max-width: 95%; padding-top: 2rem;/* Remove any max-width */
}


header {
    background-color: black;
}


html, body, header, footer, {
    
    
    background-color: black; 



  }
  .container {
    background-color: black;
  }
}
   .container small {
  background-color: black;
}

   .box {
    background-color: black`;
   }

   .intro {
    background-color: black;
   }
  .innerbody {
    background-color: black;
  }



/* General Text Color */
p, span, h1, h2, h3, ul, ol, li, a { /* Target common text elements */
    color: #ffffff; /* Light gray for good contrast against black */
    font-weight: 600
    
}

/* Form Input Fields */
input, textarea, select {
    color: #ffffff;         /* Light text color for input */
    border-color: #666;      /* Slightly darker border */ 
}

/* Optional: Placeholder Text */
input::placeholder, textarea::placeholder {
    color: #999;  /* Slightly less bright placeholder text */

}

a.logo img { 
    max-width: 30%; /* Adjust percentage as needed */
    height: auto;  /* Maintain aspect ratio */


}



.first-letter-orange::first-letter {
    color: orange !important; 
}

.highlight-red {
    color: ORANGE;
}

nav {
    font-size: 2.4rem;
}

.preheader.light {
      font-size: .6rem;
      text-align: center;
}

.content {
    
    text-align: center;
    padding: 18px; /* Adds some padding around the container */
    margin-left: 188px;
}